[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-colorca-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-colorca-en-US":115,"related-resources-colorca-en-US":176},true,{"id":5,"name":6,"slug":6,"url":7,"date_updated":8,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":21,"cons":25,"best_for":28,"cover":29,"icon":30,"pricing":31,"platform":9,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":32,"views_count":33,"featured_rank":9,"categories":34,"tags":39,"files":9},171,"colorca","https:\u002F\u002Fcolorca.org\u002F","2025-11-12T02:08:33.018+00:00",null,"An HSLuv color space tool for creating accessible palettes for digital products, with multi-color systems and brightness level adjustments.","Color Systems\nColor Categories: Gray, Red, Orange, Yellow, Lime, Green, Emerald, Blue, Violet\nBrightness Levels: 10 levels per color (from #100 to #10) with corresponding HSL parameters\nParameter Adjustment: Precise control of Hue, Saturation, and Lightness\nOpacity Support: Adjust color transparency to generate translucent values\nAccessibility: Built on HSLuv color space for perceptual uniformity",{"title":13,"meta_description":14},"colorca - An HSLuv color space tool for creating accessible palettes for digital products, with multi-color systems and brightness level adjustments. | DesignToolMark","Color Systems Color Categories: Gray, Red, Orange, Yellow, Lime, Green, Emerald, Blue, Violet Brightness Levels: 10 levels per color (from 100 to 10) with co...",[16,17,18,19,20],"HSLuv color space for perceptually uniform color generation","9 color categories: Gray, Red, Orange, Yellow, Lime, Green, Emerald, Blue, Violet","10 brightness levels per color from #100 to #10","Precise HSL parameter adjustment with opacity support","Designed for accessible digital product color systems",[22,23,24],"HSLuv ensures perceptually uniform brightness across all hues","Structured color system with consistent naming and levels","Ideal for building scalable design system color tokens",[26,27],"Limited to 9 color categories — no pink, purple, or brown ranges","HSLuv color space is less commonly supported in design tools","Design system architects who need perceptually uniform, structured color tokens with consistent brightness levels.","7ee9485b-d3c8-4e59-b651-e2ab631dc414.webp","9b7e1b13-1123-4bbe-acf1-3b5a5a7eef5b.svg","free",{"free":3},0,[35],{"name":36,"slug":37,"sub_categories":38},"Colors & Palettes","colors-palettes",[],[40,43,46],{"name":41,"slug":42},"Colors","colors",{"name":44,"slug":45},"Freebie","freebie",{"name":47,"slug":48},"Gradient","gradient",[50,82,92,102],{"id":51,"url":52,"icon":9,"name":53,"slug":54,"tags":55,"cover":78,"tagline":79,"is_featured":80,"date_created":81,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[56,59,61,64,66,68,70,72,74,76],{"seo":9,"name":57,"slug":58},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":60},"ai",{"seo":9,"name":62,"slug":63},"Freemium","freemium",{"seo":9,"name":9,"slug":65},"free-trial",{"seo":9,"name":9,"slug":67},"image-editing",{"seo":9,"name":9,"slug":69},"video",{"seo":9,"name":9,"slug":71},"animation",{"seo":9,"name":9,"slug":73},"prototyping",{"seo":9,"name":9,"slug":75},"no-code",{"seo":9,"name":9,"slug":77},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":83,"url":84,"icon":9,"name":85,"slug":86,"tags":87,"cover":89,"tagline":90,"is_featured":80,"date_created":91,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[88],{"seo":9,"name":9,"slug":42},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":93,"url":94,"icon":9,"name":95,"slug":96,"tags":97,"cover":99,"tagline":100,"is_featured":80,"date_created":101,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[98],{"seo":9,"name":9,"slug":42},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":103,"url":104,"icon":9,"name":105,"slug":106,"tags":107,"cover":112,"tagline":113,"is_featured":80,"date_created":114,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[108,110],{"seo":9,"name":109,"slug":31},"Free",{"seo":9,"name":9,"slug":111},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[116,122,128,134,140,146,152,158,164,170],{"url":117,"name":118,"slug":119,"cover":120,"tagline":121},"https:\u002F\u002Fatmos.style\u002F","Atmos","atmos","4ccc3028-7544-4106-a17a-b80bf8624c15.webp","A UI design color tool with LCH\u002FOKLCH editing, contrast checking, and multi-platform export for professional palette creation.",{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fpalettemaker.com\u002F","Palettemaker","palettemaker","fa7f4a06-1734-4b03-b43e-a143f8f1da1c.webp","An AI color palette generator with live preview on real designs, free to use and supporting multi-format export.",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Fcolordesigner.io\u002F","Color Designer","color-designer","b83f79d5-6a64-4b70-b079-2fc0114b5c53.webp","A comprehensive color tool platform with 12 tools including palette generators, gradients, and color pickers, supporting professional color management and multi-format export.",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fcolorschemer.com\u002F","Color Schemer","color-schemer","screenshots\u002Fcolor-schemer.webp","A color scheme generation tool with 30+ algorithms and resource libraries, supporting Mac and PC platforms to enhance design efficiency.",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Falphredo.app\u002F","Alphredo","alphredo","f57df3b6-ee55-4cfe-a016-0b38cb8a968d.webp","An alpha color generator that creates translucent colors visually matching their opaque counterparts, with background and saturation adjustment support.",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fcolormagic.app\u002F","ColorMagic","color-magic","74c04d36-97eb-4937-98d3-6c161da37d15.webp","An AI-powered color palette generator that creates harmonious schemes from keywords or images, supporting customization and multi-platform use.",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fmeodai.github.io\u002Fpoline\u002F","Poline","poline","579ac455-722f-4fb6-9ecf-d7f75ec0e427.webp","A polar coordinate-based color palette generator that creates harmonious schemes by connecting anchor points, supporting custom position functions and HSL color model.",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Fcolpat.itsvg.in\u002F","Colpat","colpat","36ce2391-da91-499a-8606-db1b26ba6b01.webp","An AI-powered color toolbox supporting Tailwind CSS palette generation, gradients, image extraction, and multi-format export.",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fwww.shadergradient.co\u002F","ShaderGradient","shader-gradient","25d6792e-1d64-46dd-9110-1c4dd1b39d27.webp","A dynamic gradient generator with Figma\u002FFramer plugins and React components, supporting 3D effect customization.",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fwww.oddcontrast.com\u002F","OddContrast","odd-contrast","582057d6-3d24-401b-a459-159ba2e734f2.webp","A color contrast checker supporting multiple color spaces and verifying WCAG compliance.",[177,188,191],{"url":178,"icon":9,"name":179,"slug":180,"tags":181,"cover":185,"tagline":186,"is_featured":3,"date_created":187,"date_updated":9},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[182,183,184],{"seo":9,"name":9,"slug":42},{"seo":9,"name":109,"slug":31},{"seo":9,"name":9,"slug":48},"e4a2e456-fabc-4bbf-8729-ecaf1cbfcbb6.webp","A curated collection of beautiful color palettes for designers and artists","2026-06-16T07:14:22.345664+00:00",{"url":84,"icon":9,"name":85,"slug":86,"tags":189,"cover":89,"tagline":90,"is_featured":80,"date_created":91,"date_updated":9},[190],{"seo":9,"name":9,"slug":42},{"url":94,"icon":9,"name":95,"slug":96,"tags":192,"cover":99,"tagline":100,"is_featured":80,"date_created":101,"date_updated":9},[193],{"seo":9,"name":9,"slug":42}]