[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-categories-en-US":3,"categories-en-US":3,"resource-tailwind-css-color-generator-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":53,"alternatives-tailwind-css-color-generator-en-US":128,"related-resources-tailwind-css-color-generator-en-US":165},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":24,"cons":30,"best_for":35,"cover":36,"icon":9,"pricing":37,"platform":38,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":40,"views_count":43,"featured_rank":9,"categories":44,"tags":49,"files":9},856,"Tailwind CSS Color Generator","tailwind-css-color-generator","https:\u002F\u002Fwww.tints.dev\u002F",null,"Tailwind CSS 11-color palette generator and API","Tailwind CSS Color Generator (tints.dev) is a specialized tool for generating 11-color Tailwind CSS palettes from a single hex value. It provides fine-grained control over hue, saturation, lightness, and hue shift to create balanced color scales. Includes a REST API for programmatic palette generation and supports Tailwind CSS v3 and v4 output formats.",{"title":13,"meta_description":14},"Tailwind CSS Color Generator — Tailwind CSS 11-color palette generator and API","Tailwind CSS Color Generator (tints.dev) is a specialized tool for generating 11color Tailwind CSS palettes from a single hex value. It provides finegrained ...",[16,17,18,19,20,21,22,23],"11-color palette generation","Single hex input creates full scale","Hue and saturation fine-tuning","Lightness distribution control","Hue shift for saturated colors","API for programmatic access","Tailwind v3 and v4 output","OKLCH and hex color modes",[25,26,27,28,29],"Purpose-built for Tailwind","API access included","Fine color control","Free to use","Multiple output formats",[31,32,33,34],"Tailwind-specific only","No color theory guidance","Single palette at a time","Basic UI","Best for Tailwind CSS developers and designers needing quick, balanced color palette generation","bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","free",[39],"Web",{"pro":41,"free":3,"note":42},false,"Free web tool with API access",0,[45],{"name":46,"slug":47,"sub_categories":48},"Colors & Palettes","colors-palettes",[],[50],{"name":51,"slug":52},"Colors","colors",[54,75,89,102],{"id":55,"url":56,"icon":9,"name":57,"slug":58,"tags":59,"cover":72,"tagline":73,"is_featured":41,"date_created":74,"date_updated":9},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[60,62,64,66,68,70],{"seo":9,"name":61,"slug":37},"Free",{"seo":9,"name":9,"slug":63},"fonts",{"seo":9,"name":9,"slug":65},"icons",{"seo":9,"name":9,"slug":67},"mockups",{"seo":9,"name":9,"slug":69},"ui-kits",{"seo":9,"name":9,"slug":71},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools","2026-07-16T01:44:01.585569+00:00",{"id":76,"url":77,"icon":9,"name":78,"slug":79,"tags":80,"cover":86,"tagline":87,"is_featured":41,"date_created":88,"date_updated":9},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[81,82,85],{"seo":9,"name":61,"slug":37},{"seo":9,"name":83,"slug":84},"Open Source","open-source",{"seo":9,"name":9,"slug":52},"7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":90,"url":91,"icon":9,"name":92,"slug":93,"tags":94,"cover":99,"tagline":100,"is_featured":41,"date_created":101,"date_updated":9},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[95,96,97],{"seo":9,"name":61,"slug":37},{"seo":9,"name":9,"slug":69},{"seo":9,"name":9,"slug":98},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":103,"url":104,"icon":9,"name":105,"slug":106,"tags":107,"cover":125,"tagline":126,"is_featured":41,"date_created":127,"date_updated":9},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[108,111,113,114,117,118,119,121,123],{"seo":9,"name":109,"slug":110},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":112},"ai",{"seo":9,"name":61,"slug":37},{"seo":9,"name":115,"slug":116},"Freemium","freemium",{"seo":9,"name":9,"slug":69},{"seo":9,"name":9,"slug":71},{"seo":9,"name":9,"slug":120},"prototyping",{"seo":9,"name":9,"slug":122},"no-code",{"seo":9,"name":9,"slug":124},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[129,135,141,147,153,159],{"url":130,"name":131,"slug":132,"cover":133,"tagline":134},"https:\u002F\u002Fcolourcontrast.cc\u002F","Colour Contrast Checker","colour-contrast-checker","cd62a457-6e63-4e31-b000-531d3eb836ab.webp","Simple WCAG color contrast checker for accessible design",{"url":136,"name":137,"slug":138,"cover":139,"tagline":140},"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool",{"url":142,"name":143,"slug":144,"cover":145,"tagline":146},"https:\u002F\u002Fpixelover.io","Pixelover","pixelover","db4709c5-3246-4f7e-ab89-1057c960c83f.webp","Online color picker and image overlay tool",{"url":148,"name":149,"slug":150,"cover":151,"tagline":152},"https:\u002F\u002Fnordhealth.design\u002Fcolor-generator","Nord Color Generator","nord-color-generator","a9afbd72-8a27-453f-820c-c6e171ea0908.webp","UI color palette generator based on Nord design system",{"url":154,"name":155,"slug":156,"cover":157,"tagline":158},"https:\u002F\u002Fcsshero.org\u002Fmesher","CSS Hero Mesher","css-hero-mesher","c8e938c6-095b-4b0f-b2b4-e24a18bec17d.webp","Create beautiful mesh gradient backgrounds with CSS",{"url":160,"name":161,"slug":162,"cover":163,"tagline":164},"https:\u002F\u002Folivia-tsui.github.io\u002Fct","Color Scale Tool","color-scale-tool","961aa9d6-73c4-4634-9060-b26dd258a61b.webp","Generate light and dark color scales interactively",[166,178,183],{"url":167,"icon":9,"name":168,"slug":169,"tags":170,"cover":175,"tagline":176,"is_featured":3,"date_created":177,"date_updated":9},"https:\u002F\u002Fcolorhunt.co","Color Hunt","color-hunt",[171,172,173],{"seo":9,"name":9,"slug":52},{"seo":9,"name":61,"slug":37},{"seo":9,"name":9,"slug":174},"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":77,"icon":9,"name":78,"slug":79,"tags":179,"cover":86,"tagline":87,"is_featured":41,"date_created":88,"date_updated":9},[180,181,182],{"seo":9,"name":61,"slug":37},{"seo":9,"name":83,"slug":84},{"seo":9,"name":9,"slug":52},{"url":136,"icon":9,"name":137,"slug":138,"tags":184,"cover":139,"tagline":140,"is_featured":41,"date_created":186,"date_updated":9},[185],{"seo":9,"name":9,"slug":52},"2026-06-24T04:31:04.697212+00:00"]