[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-oklch-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":44,"alternatives-oklch-en-US":112,"related-resources-oklch-en-US":173},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":20,"cons":23,"best_for":26,"cover":27,"icon":28,"pricing":29,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":30,"views_count":31,"featured_rank":10,"categories":32,"tags":37,"files":10},177,"Oklch","oklch","https:\u002F\u002Foklch.com\u002F","2025-11-12T02:05:06.942+00:00",null,"An OKLCH color picker and converter with lightness, chroma, hue adjustments and multi-format conversion.","oklch.com is an online tool specifically designed for working with the OKLCH color model.",{"title":14,"description":11},"Oklch - An OKLCH color picker and converter with lightness, chroma, hue adjustments and multi-format conversion. | DesignToolMark",[16,17,18,19],"Ready-made UI components","Figma\u002FSketch\u002FXD formats","Responsive layouts","Customizable design tokens",[21,22],"Color palette generation","Useful design resource",[24,25],"Limited to color generation only","May require learning curve","UI designers quickly building polished interfaces.","bc98de7e-d6b1-4658-b7a7-ea6547508d8b.webp","78f8b2b7-fa29-405b-b209-cfe2c2cde6e8.svg","free",{"free":3},0,[33],{"name":34,"slug":35,"sub_categories":36},"Colors & Palettes","colors-palettes",[],[38,41],{"name":39,"slug":40},"Colors","colors",{"name":42,"slug":43},"Freebie","freebie",[45,64,80,98],{"id":46,"url":47,"icon":10,"name":48,"slug":49,"tags":50,"cover":60,"tagline":61,"is_featured":62,"date_created":63,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[51,53,55,57],{"seo":10,"name":10,"slug":52},"wireframe",{"seo":10,"name":10,"slug":54},"user-research",{"seo":10,"name":10,"slug":56},"web-design",{"seo":10,"name":58,"slug":59},"Freemium","freemium","ef36c4d0-cade-4956-a397-b7c4436ad473.webp","AI-powered attention prediction and visual analytics",false,"2026-06-17T09:18:38.384779+00:00",{"id":65,"url":66,"icon":10,"name":67,"slug":68,"tags":69,"cover":77,"tagline":78,"is_featured":62,"date_created":79,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[70,71,72,74,76],{"seo":10,"name":10,"slug":52},{"seo":10,"name":10,"slug":54},{"seo":10,"name":10,"slug":73},"collaboration",{"seo":10,"name":10,"slug":75},"design-handoff",{"seo":10,"name":58,"slug":59},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":81,"url":82,"icon":10,"name":83,"slug":84,"tags":85,"cover":95,"tagline":96,"is_featured":62,"date_created":97,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[86,87,89,90,92,94],{"seo":10,"name":10,"slug":52},{"seo":10,"name":10,"slug":88},"prototyping",{"seo":10,"name":10,"slug":56},{"seo":10,"name":10,"slug":91},"responsive",{"seo":10,"name":10,"slug":93},"icons",{"seo":10,"name":58,"slug":59},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":99,"url":100,"icon":10,"name":101,"slug":102,"tags":103,"cover":109,"tagline":110,"is_featured":62,"date_created":111,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[104,105,106,107,108],{"seo":10,"name":10,"slug":52},{"seo":10,"name":10,"slug":88},{"seo":10,"name":10,"slug":73},{"seo":10,"name":10,"slug":75},{"seo":10,"name":58,"slug":59},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[113,119,125,131,137,143,149,155,161,167],{"url":114,"name":115,"slug":116,"cover":117,"tagline":118},"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":120,"name":121,"slug":122,"cover":123,"tagline":124},"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":126,"name":127,"slug":128,"cover":129,"tagline":130},"https:\u002F\u002Fcolorfuseai.com\u002F","Color Fuse Ai","color-fuse-ai","3dc28a55-8e89-4b91-9f03-f546c4c31904.webp","An AI-powered color palette generator with plugins for Illustrator\u002FPhotoshop\u002FFigma, enabling one-click palette application.",{"url":132,"name":133,"slug":134,"cover":135,"tagline":136},"https:\u002F\u002Fwww.color-selector.com\u002F","Color Selector","color-selector","2fca4d0b-fdad-4135-b6d2-e2911f44ab5f.webp","A professional color selection tool supporting multi-format conversion, palette generation, and color matching suggestions.",{"url":138,"name":139,"slug":140,"cover":141,"tagline":142},"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":144,"name":145,"slug":146,"cover":147,"tagline":148},"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":150,"name":151,"slug":152,"cover":153,"tagline":154},"https:\u002F\u002Fcolor-pal.com\u002F","Color Pal","color-pal","35f6822f-35de-4819-9a6d-7946d7b63b7f.webp","Presumed to be a color picker and palette generator supporting color extraction and multi-format conversion (inferred from similar tools).",{"url":156,"name":157,"slug":158,"cover":159,"tagline":160},"https:\u002F\u002Fwww.colorspace.dev\u002F","Colorspace","colorspace","1a8b16bb-f70c-4109-996a-acab167bd9b7.webp","A color space tool generating gradient color scales for specific hues with chroma and lightness adjustments.",{"url":162,"name":163,"slug":164,"cover":165,"tagline":166},"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.",{"url":168,"name":169,"slug":170,"cover":171,"tagline":172},"https:\u002F\u002Fcolorleap.app\u002F","Color Leap","color-leap","adf5ec95-a685-4032-882a-299053f9b958.webp","A historical color palette tool showcasing colors from different periods spanning 2000BC to the 1960s.",[174,187,199],{"url":175,"icon":10,"name":176,"slug":177,"tags":178,"cover":184,"tagline":185,"is_featured":3,"date_created":186,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[179,180,182],{"seo":10,"name":10,"slug":40},{"seo":10,"name":181,"slug":29},"Free",{"seo":10,"name":10,"slug":183},"gradient","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":188,"icon":10,"name":189,"slug":190,"tags":191,"cover":196,"tagline":197,"is_featured":10,"date_created":198,"date_updated":10},"https:\u002F\u002Frealtimecolors.com","Realtime Colors","realtime-colors",[192,193,194,195],{"seo":10,"name":10,"slug":40},{"seo":10,"name":181,"slug":29},{"seo":10,"name":10,"slug":88},{"seo":10,"name":10,"slug":183},"f17efa2a-e7d2-41f4-944a-db7a8cec4a3b.webp","Visualize color palettes on a live UI mockup — see how your colors actually look in context","2026-06-16T07:16:47.351438+00:00",{"url":200,"icon":201,"name":202,"slug":203,"tags":204,"cover":208,"tagline":209,"is_featured":10,"date_created":210,"date_updated":211},"https:\u002F\u002Fmaterialui.co\u002F","15324c56-05b1-4716-bbfb-eec368aea396.svg","Material UI Color Tool","material-ui-color-tool",[205,206,207],{"seo":10,"name":10,"slug":40},{"seo":10,"name":10,"slug":43},{"seo":10,"name":10,"slug":183},"screenshots\u002Fmaterial-ui-color-tool.webp","Material UI Color Tool provides a Material Design-styled color scheme generation and preview tool.","2025-10-18T09:23:35.221+00:00","2026-06-12T06:58:27.97347+00:00"]