[{"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":46,"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":21,"cons":25,"best_for":28,"cover":29,"icon":30,"pricing":31,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":32,"views_count":33,"featured_rank":10,"categories":34,"tags":39,"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,"meta_description":12},"Oklch - An OKLCH color picker and converter with lightness, chroma, hue adjustments and multi-format conversion. | DesignToolMark",[16,17,18,19,20],"Dedicated OKLCH color picker for perceptual color selection","Lightness, chroma, and hue slider controls for precise adjustment","Multi-format color conversion between OKLCH and other color models","Clean, minimal interface designed specifically for OKLCH workflow","Real-time visual feedback as color values are adjusted",[22,23,24],"One of the few dedicated OKLCH tools available online","Simplifies working with the OKLCH color model for web developers","Intuitive slider controls make OKLCH adjustments accessible",[26,27],"OKLCH is still niche — output may not render correctly in all browsers","No palette generation, contrast checking, or design tool export","Web developers and designers who need a specialized tool for previewing and converting OKLCH color values.","bc98de7e-d6b1-4658-b7a7-ea6547508d8b.webp","78f8b2b7-fa29-405b-b209-cfe2c2cde6e8.svg","free",{"free":3},0,[35],{"name":36,"slug":37,"sub_categories":38},"Colors & Palettes","colors-palettes",[],[40,43],{"name":41,"slug":42},"Colors","colors",{"name":44,"slug":45},"Freebie","freebie",[47,79,89,99],{"id":48,"url":49,"icon":10,"name":50,"slug":51,"tags":52,"cover":75,"tagline":76,"is_featured":77,"date_created":78,"date_updated":10},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[53,56,58,61,63,65,67,69,71,73],{"seo":10,"name":54,"slug":55},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":57},"ai",{"seo":10,"name":59,"slug":60},"Freemium","freemium",{"seo":10,"name":10,"slug":62},"free-trial",{"seo":10,"name":10,"slug":64},"image-editing",{"seo":10,"name":10,"slug":66},"video",{"seo":10,"name":10,"slug":68},"animation",{"seo":10,"name":10,"slug":70},"prototyping",{"seo":10,"name":10,"slug":72},"no-code",{"seo":10,"name":10,"slug":74},"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":80,"url":81,"icon":10,"name":82,"slug":83,"tags":84,"cover":86,"tagline":87,"is_featured":77,"date_created":88,"date_updated":10},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[85],{"seo":10,"name":10,"slug":42},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":90,"url":91,"icon":10,"name":92,"slug":93,"tags":94,"cover":96,"tagline":97,"is_featured":77,"date_created":98,"date_updated":10},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[95],{"seo":10,"name":10,"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":100,"url":101,"icon":10,"name":102,"slug":103,"tags":104,"cover":109,"tagline":110,"is_featured":77,"date_created":111,"date_updated":10},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[105,107],{"seo":10,"name":106,"slug":31},"Free",{"seo":10,"name":10,"slug":108},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+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\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":126,"name":127,"slug":128,"cover":129,"tagline":130},"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":132,"name":133,"slug":134,"cover":135,"tagline":136},"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":138,"name":139,"slug":140,"cover":141,"tagline":142},"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":144,"name":145,"slug":146,"cover":147,"tagline":148},"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":150,"name":151,"slug":152,"cover":153,"tagline":154},"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":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,186,189],{"url":175,"icon":10,"name":176,"slug":177,"tags":178,"cover":183,"tagline":184,"is_featured":3,"date_created":185,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[179,180,181],{"seo":10,"name":10,"slug":42},{"seo":10,"name":106,"slug":31},{"seo":10,"name":10,"slug":182},"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":81,"icon":10,"name":82,"slug":83,"tags":187,"cover":86,"tagline":87,"is_featured":77,"date_created":88,"date_updated":10},[188],{"seo":10,"name":10,"slug":42},{"url":91,"icon":10,"name":92,"slug":93,"tags":190,"cover":96,"tagline":97,"is_featured":77,"date_created":98,"date_updated":10},[191],{"seo":10,"name":10,"slug":42}]