[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-color-selector-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-color-selector-en-US":126,"related-resources-color-selector-en-US":187},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},182,"Color Selector","color-selector","https:\u002F\u002Fwww.color-selector.com\u002F","2025-11-12T01:52:29.479+00:00",null,"A professional color selection tool supporting multi-format conversion, palette generation, and color matching suggestions.","Color Formats: RGB, HEX, HSL, HSV conversion\nPalette Generation: Complementary, triadic, and analogous color schemes based on color theory\nEyedropper for screen color extraction\nContrast checker (WCAG compliance)\nColor history and saving\nUse Cases\nUI\u002FUX design, web development, brand color matching",{"title":14,"meta_description":15},"Color Selector - A professional color selection tool supporting multi-format conversion, palette generation, and color matching suggestions. | DesignToolMark","Color Formats: RGB, HEX, HSL, HSV conversion Palette Generation: Complementary, triadic, and analogous color schemes based on color theory Eyedropper for scr...",[17,18,19,20,21],"Multi-format color conversion between RGB, HEX, HSL, and HSV","Color theory-based palette generation with complementary, triadic, and analogous schemes","Screen color extraction via eyedropper tool","WCAG compliance contrast checker with pass\u002Ffail indicators","Color history and saved palette library for reuse",[23,24,25],"Comprehensive color format support in a single tool","Built-in color theory guidance helps non-designers create harmonious palettes","Free to use with no account required",[27,28],"No Figma or design tool plugin integration","Limited to basic color theory schemes without advanced AI suggestions","UI\u002FUX designers and web developers who need a quick, all-in-one color conversion and palette generation tool.","2fca4d0b-fdad-4135-b6d2-e2911f44ab5f.webp","fb24dea3-2aa1-407c-8881-4264fe420079.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,73,87,100],{"id":52,"url":53,"icon":10,"name":54,"slug":55,"tags":56,"cover":69,"tagline":70,"is_featured":71,"date_created":72,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[57,59,61,63,65,67],{"seo":10,"name":58,"slug":32},"Free",{"seo":10,"name":10,"slug":60},"fonts",{"seo":10,"name":10,"slug":62},"icons",{"seo":10,"name":10,"slug":64},"mockups",{"seo":10,"name":10,"slug":66},"ui-kits",{"seo":10,"name":10,"slug":68},"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":74,"url":75,"icon":10,"name":76,"slug":77,"tags":78,"cover":84,"tagline":85,"is_featured":71,"date_created":86,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[79,80,83],{"seo":10,"name":58,"slug":32},{"seo":10,"name":81,"slug":82},"Open Source","open-source",{"seo":10,"name":10,"slug":43},"7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":88,"url":89,"icon":10,"name":90,"slug":91,"tags":92,"cover":97,"tagline":98,"is_featured":71,"date_created":99,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[93,94,95],{"seo":10,"name":58,"slug":32},{"seo":10,"name":10,"slug":66},{"seo":10,"name":10,"slug":96},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":101,"url":102,"icon":10,"name":103,"slug":104,"tags":105,"cover":123,"tagline":124,"is_featured":71,"date_created":125,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[106,109,111,112,115,116,117,119,121],{"seo":10,"name":107,"slug":108},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":110},"ai",{"seo":10,"name":58,"slug":32},{"seo":10,"name":113,"slug":114},"Freemium","freemium",{"seo":10,"name":10,"slug":66},{"seo":10,"name":10,"slug":68},{"seo":10,"name":10,"slug":118},"prototyping",{"seo":10,"name":10,"slug":120},"no-code",{"seo":10,"name":10,"slug":122},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[127,133,139,145,151,157,163,169,175,181],{"url":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Fwww.grabient.com\u002F","Grabient","grabient","screenshots\u002Fgrabient.webp","A gradient generator and palette finder with theme-based gradient schemes, supporting theme switching and free access.",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Fgradienthunt.com\u002F","Gradient Hunt","gradient-hunt","screenshots\u002Fgradient-hunt.webp","A free, open platform for sharing thousands of handcrafted gradients with one-click code copying.",{"url":140,"name":141,"slug":142,"cover":143,"tagline":144},"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":146,"name":147,"slug":148,"cover":149,"tagline":150},"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":152,"name":153,"slug":154,"cover":155,"tagline":156},"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":158,"name":159,"slug":160,"cover":161,"tagline":162},"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":164,"name":165,"slug":166,"cover":167,"tagline":168},"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":170,"name":171,"slug":172,"cover":173,"tagline":174},"https:\u002F\u002Frandoma11y.com\u002F","RandomA11y","random-a11y","screenshots\u002Frandom-a11y.webp","An accessible color combo generator producing WCAG\u002FAPCA-compliant contrasts with multi-format values and CSS code.",{"url":176,"name":177,"slug":178,"cover":179,"tagline":180},"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":182,"name":183,"slug":184,"cover":185,"tagline":186},"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.",[188,199,204],{"url":189,"icon":10,"name":190,"slug":191,"tags":192,"cover":196,"tagline":197,"is_featured":3,"date_created":198,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[193,194,195],{"seo":10,"name":10,"slug":43},{"seo":10,"name":58,"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":75,"icon":10,"name":76,"slug":77,"tags":200,"cover":84,"tagline":85,"is_featured":71,"date_created":86,"date_updated":10},[201,202,203],{"seo":10,"name":58,"slug":32},{"seo":10,"name":81,"slug":82},{"seo":10,"name":10,"slug":43},{"url":205,"icon":10,"name":206,"slug":207,"tags":208,"cover":210,"tagline":211,"is_featured":71,"date_created":212,"date_updated":10},"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[209],{"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"]