[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-color-magic-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":50,"alternatives-color-magic-en-US":116,"related-resources-color-magic-en-US":176},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},172,"ColorMagic","color-magic","https:\u002F\u002Fcolormagic.app\u002F","2025-11-12T01:48:27.548+00:00",null,"An AI-powered color palette generator that creates harmonious schemes from keywords or images, supporting customization and multi-platform use.","AI Generation:\nCreates palettes from keywords (e.g., \"sunset\", \"cyberpunk\") or images\nSupports complementary, analogous color schemes\nAdjust brightness, saturation, color temperature\nSave and export palettes (CSS, image formats)\nUse Cases\nWeb design, branding, graphic design, presentations",{"title":14,"meta_description":15},"ColorMagic - An AI-powered color palette generator that creates harmonious schemes from keywords or images, supporting customization and multi-platform use. | DesignToolMark","AI Generation: Creates palettes from keywords (e.g., \"sunset\", \"cyberpunk\") or images Supports complementary, analogous color schemes Adjust brightness, satu...",[17,18,19,20,21],"AI generates color palettes from descriptive keywords like sunset or cyberpunk","Image-based palette extraction from uploaded photos","Supports complementary, analogous, and other color harmony rules","Adjustable brightness, saturation, and color temperature controls","Save palettes and export as CSS or image formats",[23,24,25],"Keyword-based generation is intuitive and creative for rapid ideation","Image extraction bridges photography and design workflows","Adjustable color temperature adds fine control over mood",[27,28],"AI interpretation of keywords can sometimes miss the intended mood","Free tier likely has limited exports or saved palette capacity","Designers and marketers who want to quickly generate mood-aligned palettes from descriptive words or reference images.","74c04d36-97eb-4937-98d3-6c161da37d15.webp","7e9fec34-f8c1-4fd3-8aab-94bf7ce8bcf7.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,134,140,146,152,158,164,170],{"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":131,"cover":132,"tagline":133},"https:\u002F\u002Fcolorca.org\u002F","colorca","7ee9485b-d3c8-4e59-b651-e2ab631dc414.webp","An HSLuv color space tool for creating accessible palettes for digital products, with multi-color systems and brightness level adjustments.",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"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":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Falphredo.app\u002F","Alphredo","alphredo","f57df3b6-ee55-4cfe-a016-0b38cb8a968d.webp","An alpha color generator that creates translucent colors visually matching their opaque counterparts, with background and saturation adjustment support.",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"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":153,"name":154,"slug":155,"cover":156,"tagline":157},"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":159,"name":160,"slug":161,"cover":162,"tagline":163},"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":165,"name":166,"slug":167,"cover":168,"tagline":169},"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":171,"name":172,"slug":173,"cover":174,"tagline":175},"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.",[177,188,191],{"url":178,"icon":10,"name":179,"slug":180,"tags":181,"cover":185,"tagline":186,"is_featured":3,"date_created":187,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[182,183,184],{"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":189,"cover":90,"tagline":91,"is_featured":81,"date_created":92,"date_updated":10},[190],{"seo":10,"name":10,"slug":43},{"url":95,"icon":10,"name":96,"slug":97,"tags":192,"cover":100,"tagline":101,"is_featured":81,"date_created":102,"date_updated":10},[193],{"seo":10,"name":10,"slug":43}]