{"repo":"SimeonGriggs/tints.dev","free":true,"listed":false,"github":"https://github.com/SimeonGriggs/tints.dev","clone":"git clone https://github.com/SimeonGriggs/tints.dev.git","description":"11-color Palette Generator and API for Tailwind CSS","language":"TypeScript","stars":1276,"topics":["colors","palette","palette-generation","tailwindcss","tints","tints-and-shades"],"license":null,"category":"ui-components","readme_excerpt":"Palette Generator and API for Tailwind CSS Read the launch blog post for full details on how this works. Palette Creator Set the initial Value as a valid hexadecimal colour. By default this is stop 500, but it can be changed to any stop from 50-950. For colours that have 100% Saturation , make the Palette more interesting by shifting the Hue up or down. Palettes starting from a Base colour with little Saturation get more interesting by increasing Saturation at the extremes. Shift the Minimum/Maximum Lightness/Luminance to spread out the rest of the colours to the extremes of white and black. Switch between Lightness and Luminance to produce a different spread of colours at the extremes. These principles are inspired by the excellent Refactoring UI book by Adam Wathan & Steve Schoger. The same book recommends against automated tools, just like this one! This tool exists to fast-track the creation of new palettes. Palette API Any set of Palettes can be fetched via an API. You may find this useful for design tools that need to generate a 50-950 Palette from just a single Hex value. Currently, the API will only return a Palette using the base hex value, with no options to have HSL tweaks. Credits Made by Simeon Griggs Designed with Tailwind CSS (obvs) with a sprinkling of Headless UI and a dash of HeroIcons Built with React Router Hosted on Cloudflare Workers Content in Sanity.io","default_branch":null,"files":null,"tree":[],"storefront":"/r/SimeonGriggs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/SimeonGriggs/tints.dev/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}