{"repo":"javisperez/tailwindcolorshades","free":true,"listed":false,"github":"https://github.com/javisperez/tailwindcolorshades","clone":"git clone https://github.com/javisperez/tailwindcolorshades.git","description":"Color shades generator for TailwindCSS - https://javisperez.github.io/tailwindcolorshades","language":"Vue","stars":764,"topics":["tailwindcss","colors","colorschemes","helper","vue","laravelmix"],"license":null,"category":"ui-components","readme_excerpt":"Color Shades Generator for Tailwind CSS A modern tool for generating color palettes for your Tailwind CSS projects. Built with Vue 3, TypeScript, and Vite. Live Demo Visit https://javisperez.github.io/tailwindcolorshades to try it out. What is this? This tool helps you create custom color palettes for Tailwind CSS by generating shades and tints from a base color. It supports both Tailwind CSS v3 and v4 configurations, with support for OKLCH and HEX format. The goal is to simplify the process of creating custom color scales that maintain consistent visual harmony and proper contrast across all shade levels. Features - Multiple Color Formats : Generate colors in OKLCH, RGB, or HEX formats - Tailwind v3 & v4 Support : Compatible with both Tailwind CSS versions - Color Generation : Automatically generates 11 shades (50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950) - Customizable Names : Auto-generate color names or provide your own - Export Options : Copy generated configurations directly to your clipboard - Import Existing Configs : Load and modify your existing Tailwind color configurations - URL Sharing : Share your palettes via URL parameters - Selective Export : Choose which shade levels to include in your config How to Use 1. Pick a base color using the color picker or adding the code in the color picker input 2. The tool automatically generates 11 shades from light (50) to dark (950) 3. Customize palette names or toggle which shades to include 4. Copy the generated co","default_branch":null,"files":null,"tree":[],"storefront":"/r/javisperez","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/javisperez/tailwindcolorshades/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."}