[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-colorca-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-colorca-en-US":125,"related-resources-colorca-en-US":186},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,72,86,99],{"id":51,"url":52,"icon":9,"name":53,"slug":54,"tags":55,"cover":68,"tagline":69,"is_featured":70,"date_created":71,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[56,58,60,62,64,66],{"seo":9,"name":57,"slug":31},"Free",{"seo":9,"name":9,"slug":59},"fonts",{"seo":9,"name":9,"slug":61},"icons",{"seo":9,"name":9,"slug":63},"mockups",{"seo":9,"name":9,"slug":65},"ui-kits",{"seo":9,"name":9,"slug":67},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":73,"url":74,"icon":9,"name":75,"slug":76,"tags":77,"cover":83,"tagline":84,"is_featured":70,"date_created":85,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[78,79,82],{"seo":9,"name":57,"slug":31},{"seo":9,"name":80,"slug":81},"Open Source","open-source",{"seo":9,"name":9,"slug":42},"7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":87,"url":88,"icon":9,"name":89,"slug":90,"tags":91,"cover":96,"tagline":97,"is_featured":70,"date_created":98,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[92,93,94],{"seo":9,"name":57,"slug":31},{"seo":9,"name":9,"slug":65},{"seo":9,"name":9,"slug":95},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":100,"url":101,"icon":9,"name":102,"slug":103,"tags":104,"cover":122,"tagline":123,"is_featured":70,"date_created":124,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[105,108,110,111,114,115,116,118,120],{"seo":9,"name":106,"slug":107},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":109},"ai",{"seo":9,"name":57,"slug":31},{"seo":9,"name":112,"slug":113},"Freemium","freemium",{"seo":9,"name":9,"slug":65},{"seo":9,"name":9,"slug":67},{"seo":9,"name":9,"slug":117},"prototyping",{"seo":9,"name":9,"slug":119},"no-code",{"seo":9,"name":9,"slug":121},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[126,132,138,144,150,156,162,168,174,180],{"url":127,"name":128,"slug":129,"cover":130,"tagline":131},"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":133,"name":134,"slug":135,"cover":136,"tagline":137},"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":139,"name":140,"slug":141,"cover":142,"tagline":143},"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":145,"name":146,"slug":147,"cover":148,"tagline":149},"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":151,"name":152,"slug":153,"cover":154,"tagline":155},"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":157,"name":158,"slug":159,"cover":160,"tagline":161},"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":163,"name":164,"slug":165,"cover":166,"tagline":167},"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":169,"name":170,"slug":171,"cover":172,"tagline":173},"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":175,"name":176,"slug":177,"cover":178,"tagline":179},"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":181,"name":182,"slug":183,"cover":184,"tagline":185},"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.",[187,198,203],{"url":188,"icon":9,"name":189,"slug":190,"tags":191,"cover":195,"tagline":196,"is_featured":3,"date_created":197,"date_updated":9},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[192,193,194],{"seo":9,"name":9,"slug":42},{"seo":9,"name":57,"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":74,"icon":9,"name":75,"slug":76,"tags":199,"cover":83,"tagline":84,"is_featured":70,"date_created":85,"date_updated":9},[200,201,202],{"seo":9,"name":57,"slug":31},{"seo":9,"name":80,"slug":81},{"seo":9,"name":9,"slug":42},{"url":204,"icon":9,"name":205,"slug":206,"tags":207,"cover":209,"tagline":210,"is_featured":70,"date_created":211,"date_updated":9},"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[208],{"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"]