[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-color-space-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-color-space-en-US":116,"related-resources-color-space-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},164,"ColorSpace","color-space","https:\u002F\u002Fmycolor.space\u002F","2025-11-11T09:36:30.211+00:00",null,"A color palette and gradient generator supporting color input for palettes and 3-color gradient creation.","Palette Generation: Input a color to generate coordinated color palettes\nGradient Tools: Supports 3-color gradient creation\nMain Modules: Palettes, Gradient, 3-Color-Gradient",{"title":14,"meta_description":15},"ColorSpace - A color palette and gradient generator supporting color input for palettes and 3-color gradient creation. | DesignToolMark","Palette Generation: Input a color to generate coordinated color palettes Gradient Tools: Supports 3color gradient creation Main Modules: Palettes, Gradient, ...",[17,18,19,20,21],"Input a base color to generate coordinated palette combinations","Supports 3-color gradient creation with smooth transitions","Dedicated modules for palettes, gradients, and 3-color gradients","Multiple preset palette types including monochromatic and triadic","Simple interface focused on quick color exploration",[23,24,25],"Straightforward workflow from a single color to full palette","Specialized 3-color gradient tool is rare and useful","No account or sign-up required to use",[27,28],"Limited advanced editing options like LCH or OKLCH adjustments","No AI-powered generation or image-based palette extraction","Designers who need quick, coordinated color palettes and gradients starting from a single base color.","b1f850d0-7f74-413b-831e-d88bab9c5a35.webp","1a7f735d-1cb9-4fe7-a641-7a32380b4eae.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\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":124,"name":125,"slug":126,"cover":127,"tagline":128},"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":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fcolornamer.netlify.app\u002F","Color Namer","color-namer","screenshots\u002Fcolor-namer.webp","An interesting tool that finds a vivid, descriptive name for any hex color code.",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Fcolors.eva.design\u002F","Eva Design System","eva-design-system","364a20cc-8836-4e8e-a54a-a5003a2faed5.webp","A deep learning color generator providing multi-gradient color schemes for brand and semantic colors.",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fwww.happyhues.co\u002F","Happy Hues","happy-hues","06ef73ee-10b3-439b-ac96-a85df6f400b9.webp","Learn Color Palettes in a Real-World Context",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"http:\u002F\u002Fcolormind.io\u002F","Colormind","colormind","3b9fbb79-3f40-41ea-8b33-2d681fccc65a.webp","Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fmaterial-foundation.github.io\u002Fmaterial-theme-builder\u002F","Material Theme Builder","material-theme-builder","cb0b2d27-b8ee-407f-b999-fde2343712ec.webp","A Material Design 3 theme builder with dynamic color generation, brand customization, and cross-platform code export.",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"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":166,"name":167,"slug":168,"cover":169,"tagline":170},"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":172,"name":173,"slug":174,"cover":175,"tagline":176},"https:\u002F\u002Fbrandcolors.net\u002F","BrandColors","brand-colors","screenshots\u002Fbrand-colors.webp","The Official Color Code Library for the World's Biggest Brands",[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}]