[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-coolors-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":53,"alternatives-coolors-en-US":121,"related-resources-coolors-en-US":152},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":15,"pros":27,"cons":32,"best_for":35,"cover":36,"icon":37,"pricing":38,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":39,"views_count":40,"featured_rank":10,"categories":41,"tags":46,"files":10},153,"Coolors","coolors","https:\u002F\u002Fcoolors.co\u002F","2025-11-11T09:33:02.044+00:00",null,"Your Ultimate Color Palette Generator","Coolors is an extremely popular, powerful, and super-fast online color scheme generator. It is designed to make the process of creating color palettes quick, easy, and fun, helping designers, artists, and developers effortlessly create beautiful and harmonious color schemes.\nGenerate with a Single Keypress: This is the core and most famous feature of Coolors. You simply press the spacebar, and it instantly generates a brand new, harmonious five-color palette for you. The process is as fun as a game, allowing you to explore countless possibilities in seconds and quickly spark color inspiration.\nPowerful Color Editing and Adjustment:\nLock Colors: When you find a color you love, you can \"lock\" it. Then, as you continue to press the spacebar, Coolors will generate other colors that work well with your locked choice.\nFine-Tune Colors: You can easily adjust the hue, saturation, and brightness of any color, or input specific color codes like HEX or RGB.\nSmart Suggestions: It can also intelligently suggest alternative shades or similar colors for any color you've selected.\nExtract Palette from an Image:\nThis is another incredibly powerful feature. Simply upload a photo or illustration you like, and Coolors will automatically analyze it and extract the main colors to generate a palette based on that image.\nExplore & Community:\nCoolors has a massive community library of color palettes. You can browse millions of trending schemes created and shared by users worldwide, searching by color, style, or keyword to gather inspiration.\nA Comprehensive Ecosystem of Tools:\nBeyond the core generator, Coolors also offers a suite of useful utilities, including a color blindness simulator, a gradient generator, and a color contrast checker. It also provides a Figma plugin, Adobe add-ons, and mobile apps, making its color tools available everywhere.",{"title":14,"description":11},"Coolors - Your Ultimate Color Palette Generator | DesignToolMark",[16,17,18,19,20,21,22,23,24,25,26],"Generate with a Single Keypress: This is the core and most famous feature of Coolors. You simply press the spacebar, and it instantly generates a brand new, harmonious five-color palette for you. The process is as fun as a game, allowing you to explore countless possibilities in seconds and quickly spark color inspiration.","Powerful Color Editing and Adjustment:","Lock Colors: When you find a color you love, you can \"lock\" it. Then, as you continue to press the spacebar, Coolors will generate other colors that work well with your locked choice.","Fine-Tune Colors: You can easily adjust the hue, saturation, and brightness of any color, or input specific color codes like HEX or RGB.","Smart Suggestions: It can also intelligently suggest alternative shades or similar colors for any color you've selected.","Extract Palette from an Image:","This is another incredibly powerful feature. Simply upload a photo or illustration you like, and Coolors will automatically analyze it and extract the main colors to generate a palette based on that image.","Explore & Community:","Coolors has a massive community library of color palettes. You can browse millions of trending schemes created and shared by users worldwide, searching by color, style, or keyword to gather inspiration.","A Comprehensive Ecosystem of Tools:","Beyond the core generator, Coolors also offers a suite of useful utilities, including a color blindness simulator, a gradient generator, and a color contrast checker. It also provides a Figma plugin, Adobe add-ons, and mobile apps, making its color tools available everywhere.",[28,29,30,31],"Color palette generation","Accessibility contrast checking","Large media library","Unique illustration styles",[33,34],"Limited to color generation only","May require learning curve","Coolors has a massive community library of color palettes. You can browse millions of trending schemes created and shared by users worldwide, searching by color, style, or keyword to gather inspiration. A Comprehensive Ecosystem of Tools: Beyond the core generator, Coolors also offers a suite of useful utilities, including a color blindness simulator, a gradient generator, and a color contrast checker. It also provides a Figma plugin, Adobe add-ons, and mobile apps, making its color tools available everywhere.","93a28b44-64ce-471d-b308-115b863a4c77.webp","f75bdc89-0bae-48d4-a632-5812376c814d.svg","free",{"free":3},0,[42],{"name":43,"slug":44,"sub_categories":45},"Colors & Palettes","colors-palettes",[],[47,50],{"name":48,"slug":49},"Colors","colors",{"name":51,"slug":52},"Freebie","freebie",[54,73,89,107],{"id":55,"url":56,"icon":10,"name":57,"slug":58,"tags":59,"cover":69,"tagline":70,"is_featured":71,"date_created":72,"date_updated":10},670,"https:\u002F\u002Fattentioninsight.com","Attention Insight","attention-insight",[60,62,64,66],{"seo":10,"name":10,"slug":61},"wireframe",{"seo":10,"name":10,"slug":63},"user-research",{"seo":10,"name":10,"slug":65},"web-design",{"seo":10,"name":67,"slug":68},"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":74,"url":75,"icon":10,"name":76,"slug":77,"tags":78,"cover":86,"tagline":87,"is_featured":71,"date_created":88,"date_updated":10},669,"https:\u002F\u002Fwww.frontitude.com","Frontitude","frontitude",[79,80,81,83,85],{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":63},{"seo":10,"name":10,"slug":82},"collaboration",{"seo":10,"name":10,"slug":84},"design-handoff",{"seo":10,"name":67,"slug":68},"5237122f-f736-4899-bd25-2002bf09dec2.webp","UX content management platform for multilingual products","2026-06-17T09:18:30.634258+00:00",{"id":90,"url":91,"icon":10,"name":92,"slug":93,"tags":94,"cover":104,"tagline":105,"is_featured":71,"date_created":106,"date_updated":10},668,"https:\u002F\u002Fwww.aura.build","Aura Build","aura-build",[95,96,98,99,101,103],{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":97},"prototyping",{"seo":10,"name":10,"slug":65},{"seo":10,"name":10,"slug":100},"responsive",{"seo":10,"name":10,"slug":102},"icons",{"seo":10,"name":67,"slug":68},"be6ec3d1-5806-4cf8-bc58-5d536af6c04d.webp","AI-powered website builder and design assistant","2026-06-17T09:18:13.351637+00:00",{"id":108,"url":109,"icon":10,"name":110,"slug":111,"tags":112,"cover":118,"tagline":119,"is_featured":71,"date_created":120,"date_updated":10},667,"https:\u002F\u002Fwww.magicpatterns.com","Magic Patterns","magic-patterns",[113,114,115,116,117],{"seo":10,"name":10,"slug":61},{"seo":10,"name":10,"slug":97},{"seo":10,"name":10,"slug":82},{"seo":10,"name":10,"slug":84},{"seo":10,"name":67,"slug":68},"6d6649e5-e83d-44c6-bdf0-91d6cb530736.webp","AI prototype generator for product teams","2026-06-17T09:18:05.299046+00:00",[122,128,134,140,146],{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fcolorhunt.co\u002F","Colorhunt","colorhunt","96432e34-3989-435b-9bf3-a88b067709d4.webp","Color Hunt is a hand-picked gallery of color palettes. Fueled by its community, it offers an endless stream of trendy, high-quality schemes—perfect for designers seeking quick color inspiration.",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Fcssgradient.io\u002F","CSS Gradient","css-gradient","0407c84f-2e37-415a-aa9f-a51b5afa2f23.webp","CSS Gradient transforms the task of writing complex CSS gradients into a simple, efficient, visual process, making it an essential code generator for front-end developers and designers.",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fuigradients.com\u002F","uiGradients","ui-gradients","81454a0a-ce43-4d26-bc07-5aed0f372832.png","A Simple and Pure Gradient Inspiration Library",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Fcolor.adobe.com\u002F","Adobe Color","adobe-color","screenshots\u002Fadobe-color.webp","Adobe Color is a professional color tool deeply integrated into the Adobe ecosystem, combining color theory with powerful accessibility features for systematic color management.",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fhuemint.com\u002F","Huemint","huemint","screenshots\u002Fhuemint.webp","The AI Color Palette Generator for Real-World Use Cases",[153,166,178],{"url":154,"icon":10,"name":155,"slug":156,"tags":157,"cover":163,"tagline":164,"is_featured":3,"date_created":165,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[158,159,161],{"seo":10,"name":10,"slug":49},{"seo":10,"name":160,"slug":38},"Free",{"seo":10,"name":10,"slug":162},"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":167,"icon":10,"name":168,"slug":169,"tags":170,"cover":175,"tagline":176,"is_featured":10,"date_created":177,"date_updated":10},"https:\u002F\u002Frealtimecolors.com","Realtime Colors","realtime-colors",[171,172,173,174],{"seo":10,"name":10,"slug":49},{"seo":10,"name":160,"slug":38},{"seo":10,"name":10,"slug":97},{"seo":10,"name":10,"slug":162},"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":179,"icon":180,"name":181,"slug":182,"tags":183,"cover":187,"tagline":188,"is_featured":10,"date_created":189,"date_updated":190},"https:\u002F\u002Fmaterialui.co\u002F","15324c56-05b1-4716-bbfb-eec368aea396.svg","Material UI Color Tool","material-ui-color-tool",[184,185,186],{"seo":10,"name":10,"slug":49},{"seo":10,"name":10,"slug":52},{"seo":10,"name":10,"slug":162},"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"]