[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-colpat-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":47,"alternatives-colpat-en-US":123,"related-resources-colpat-en-US":183},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},174,"Colpat","colpat","https:\u002F\u002Fcolpat.itsvg.in\u002F","2025-11-12T02:07:06.368+00:00",null,"An AI-powered color toolbox supporting Tailwind CSS palette generation, gradients, image extraction, and multi-format export.","Tailwind CSS palette generation (50-950 brightness levels)\nGradient generator, AI image palette extraction, color meaning interpretation\nExport Formats: HSL, RGB, HEX, CSS variables\nUse Cases\nWeb design, UI development, brand color schemes",{"title":14,"meta_description":15},"Colpat - An AI-powered color toolbox supporting Tailwind CSS palette generation, gradients, image extraction, and multi-format export. | DesignToolMark","Tailwind CSS palette generation (50950 brightness levels) Gradient generator, AI image palette extraction, color meaning interpretation Export Formats: HSL, ...",[17,18,19,20,21],"Tailwind CSS palette generation with 50–950 brightness levels","Gradient generator for creating smooth color transitions","AI-powered image palette extraction from uploaded photos","Color meaning interpretation for understanding color psychology","Multi-format export: HSL, RGB, HEX, and CSS variables",[23,24,25],"Direct Tailwind CSS integration saves time for Tailwind developers","AI color meaning feature adds psychological context to palette choices","CSS variables export is production-ready for web projects",[27,28],"Heavily optimized for Tailwind CSS — less useful for non-Tailwind projects","Color meaning interpretations can feel generic or superficial","Tailwind CSS developers who need framework-aligned palette generation with AI-powered image extraction and semantic color insights.","36ce2391-da91-499a-8606-db1b26ba6b01.webp","45a95218-e92c-48d2-94e0-b5bf1e90c244.svg","free",{"free":3},0,[36],{"name":37,"slug":38,"sub_categories":39},"Colors & Palettes","colors-palettes",[],[41,44],{"name":42,"slug":43},"Colors","colors",{"name":45,"slug":46},"Freebie","freebie",[48,70,84,97],{"id":49,"url":50,"icon":10,"name":51,"slug":52,"tags":53,"cover":66,"tagline":67,"is_featured":68,"date_created":69,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[54,56,58,60,62,64],{"seo":10,"name":55,"slug":32},"Free",{"seo":10,"name":10,"slug":57},"fonts",{"seo":10,"name":10,"slug":59},"icons",{"seo":10,"name":10,"slug":61},"mockups",{"seo":10,"name":10,"slug":63},"ui-kits",{"seo":10,"name":10,"slug":65},"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":71,"url":72,"icon":10,"name":73,"slug":74,"tags":75,"cover":81,"tagline":82,"is_featured":68,"date_created":83,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[76,77,80],{"seo":10,"name":55,"slug":32},{"seo":10,"name":78,"slug":79},"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":85,"url":86,"icon":10,"name":87,"slug":88,"tags":89,"cover":94,"tagline":95,"is_featured":68,"date_created":96,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[90,91,92],{"seo":10,"name":55,"slug":32},{"seo":10,"name":10,"slug":63},{"seo":10,"name":10,"slug":93},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":98,"url":99,"icon":10,"name":100,"slug":101,"tags":102,"cover":120,"tagline":121,"is_featured":68,"date_created":122,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[103,106,108,109,112,113,114,116,118],{"seo":10,"name":104,"slug":105},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":107},"ai",{"seo":10,"name":55,"slug":32},{"seo":10,"name":110,"slug":111},"Freemium","freemium",{"seo":10,"name":10,"slug":63},{"seo":10,"name":10,"slug":65},{"seo":10,"name":10,"slug":115},"prototyping",{"seo":10,"name":10,"slug":117},"no-code",{"seo":10,"name":10,"slug":119},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[124,130,135,141,147,153,159,165,171,177],{"url":125,"name":126,"slug":127,"cover":128,"tagline":129},"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":131,"name":132,"slug":132,"cover":133,"tagline":134},"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":136,"name":137,"slug":138,"cover":139,"tagline":140},"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":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fcolormagic.app\u002F","ColorMagic","color-magic","74c04d36-97eb-4937-98d3-6c161da37d15.webp","An AI-powered color palette generator that creates harmonious schemes from keywords or images, supporting customization and multi-platform use.",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"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":154,"name":155,"slug":156,"cover":157,"tagline":158},"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":160,"name":161,"slug":162,"cover":163,"tagline":164},"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":166,"name":167,"slug":168,"cover":169,"tagline":170},"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":172,"name":173,"slug":174,"cover":175,"tagline":176},"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":178,"name":179,"slug":180,"cover":181,"tagline":182},"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.",[184,196,201],{"url":185,"icon":10,"name":186,"slug":187,"tags":188,"cover":193,"tagline":194,"is_featured":3,"date_created":195,"date_updated":10},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[189,190,191],{"seo":10,"name":10,"slug":43},{"seo":10,"name":55,"slug":32},{"seo":10,"name":10,"slug":192},"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":72,"icon":10,"name":73,"slug":74,"tags":197,"cover":81,"tagline":82,"is_featured":68,"date_created":83,"date_updated":10},[198,199,200],{"seo":10,"name":55,"slug":32},{"seo":10,"name":78,"slug":79},{"seo":10,"name":10,"slug":43},{"url":202,"icon":10,"name":203,"slug":204,"tags":205,"cover":207,"tagline":208,"is_featured":68,"date_created":209,"date_updated":10},"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[206],{"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"]