[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-color-pal-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-color-pal-en-US":116,"related-resources-color-pal-en-US":177},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":31,"pricing":32,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":33,"views_count":34,"featured_rank":10,"categories":35,"tags":40,"files":10},179,"Color Pal","color-pal","https:\u002F\u002Fcolor-pal.com\u002F","2025-11-12T02:05:26.076+00:00",null,"Presumed to be a color picker and palette generator supporting color extraction and multi-format conversion (inferred from similar tools).","Color extraction (eyedropper)\nFormat conversion: HEX, RGB, HSL\nPalette saving and export\nUse Cases\nColor selection in web and graphic design",{"title":14,"meta_description":15},"Color Pal - Presumed to be a color picker and palette generator supporting color extraction and multi-format conversion (inferred from similar tools). | DesignToolMark","Color extraction (eyedropper) Format conversion: HEX, RGB, HSL Palette saving and export Use Cases Color selection in web and graphic design",[17,18,19,20,21],"Color extraction via eyedropper tool from any image or screen area","Multi-format conversion between HEX, RGB, and HSL color models","Palette saving and export for reuse across design projects","Simple color selection interface for web and graphic design","Color format display and copying for quick developer handoff",[23,24,25],"Straightforward color extraction and conversion in one tool","HEX, RGB, HSL coverage covers most common use cases","Simple interface with no unnecessary features to navigate",[27,28],"No AI-powered generation or advanced color harmony features","Limited export options compared to comprehensive color tools","Designers and developers who need a no-fuss color picker with extraction, conversion, and basic palette management.","35f6822f-35de-4819-9a6d-7946d7b63b7f.webp","2f248f58-12e3-4921-9583-ea80ff743b61.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44,47],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",{"name":48,"slug":49},"Gradient","gradient",[51,83,93,103],{"id":52,"url":53,"icon":10,"name":54,"slug":55,"tags":56,"cover":79,"tagline":80,"is_featured":81,"date_created":82,"date_updated":10},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[57,60,62,65,67,69,71,73,75,77],{"seo":10,"name":58,"slug":59},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":61},"ai",{"seo":10,"name":63,"slug":64},"Freemium","freemium",{"seo":10,"name":10,"slug":66},"free-trial",{"seo":10,"name":10,"slug":68},"image-editing",{"seo":10,"name":10,"slug":70},"video",{"seo":10,"name":10,"slug":72},"animation",{"seo":10,"name":10,"slug":74},"prototyping",{"seo":10,"name":10,"slug":76},"no-code",{"seo":10,"name":10,"slug":78},"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":84,"url":85,"icon":10,"name":86,"slug":87,"tags":88,"cover":90,"tagline":91,"is_featured":81,"date_created":92,"date_updated":10},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[89],{"seo":10,"name":10,"slug":43},"eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":94,"url":95,"icon":10,"name":96,"slug":97,"tags":98,"cover":100,"tagline":101,"is_featured":81,"date_created":102,"date_updated":10},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[99],{"seo":10,"name":10,"slug":43},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":104,"url":105,"icon":10,"name":106,"slug":107,"tags":108,"cover":113,"tagline":114,"is_featured":81,"date_created":115,"date_updated":10},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[109,111],{"seo":10,"name":110,"slug":32},"Free",{"seo":10,"name":10,"slug":112},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[117,123,129,135,141,147,153,159,165,171],{"url":118,"name":119,"slug":120,"cover":121,"tagline":122},"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":124,"name":125,"slug":126,"cover":127,"tagline":128},"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":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Foklch.com\u002F","Oklch","oklch","bc98de7e-d6b1-4658-b7a7-ea6547508d8b.webp","An OKLCH color picker and converter with lightness, chroma, hue adjustments and multi-format conversion.",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"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":142,"name":143,"slug":144,"cover":145,"tagline":146},"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":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fcolorhuddle.co\u002F","ColorHuddle","color-huddle","15ba8798-61ff-4e6f-891e-d2414a1992f3.webp","A palette tool with live examples, offering copyable color codes and landing page previews, completely free.",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fwww.supa-palette.com\u002F","Supa Palette","supa-palette","312940d7-5c40-4132-a1b4-bb2251a72aa6.webp","A Figma plugin for generating accessible palettes with 14 color systems, contrast checking, and multi-format export for design systems.",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"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":166,"name":167,"slug":168,"cover":169,"tagline":170},"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":172,"name":173,"slug":174,"cover":175,"tagline":176},"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.",[178,189,192],{"url":179,"icon":10,"name":180,"slug":181,"tags":182,"cover":186,"tagline":187,"is_featured":3,"date_created":188,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[183,184,185],{"seo":10,"name":10,"slug":43},{"seo":10,"name":110,"slug":32},{"seo":10,"name":10,"slug":49},"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":85,"icon":10,"name":86,"slug":87,"tags":190,"cover":90,"tagline":91,"is_featured":81,"date_created":92,"date_updated":10},[191],{"seo":10,"name":10,"slug":43},{"url":95,"icon":10,"name":96,"slug":97,"tags":193,"cover":100,"tagline":101,"is_featured":81,"date_created":102,"date_updated":10},[194],{"seo":10,"name":10,"slug":43}]