Using and customizing the color palette in Tailwind CSS projects. Tailwind Colors: Color Reference Tool Welcome to the Tailwind Colors tool - your comprehensive color reference for Tailwind CSS! This tool provides an interactive way to explore, preview and use Tailwind's extensive color palette. Whether you're designing a new project or maintaining an existing one, easily find and copy color values in multiple formats.
The complete Tailwind color palette in HEX, RGB, HSL, CSS variables, and classes. Ready to copy and paste into your project. Free color reference for developers.
The complete Tailwind color palette in HEX, RGB, HSL, CSS variables, and classes. Ready to copy and paste into your project. Tailwind CSS Colors v4 now uses OKLCH for a more vivid, modern color palette.
Upgraded from RGB, it uses the wider P3 gamut for richer hues and better contrast. Elevate your designs with enhanced accessibility and future. About Tailwind Colors This tool displays the complete Tailwind CSS color palette for both v3 and v4.
Click any color to copy its value in your preferred format. v3 (RGB): Traditional RGB/HEX colors compatible with all browsers. Formats: HEX, RGB, HSL, and Tailwind class names.
Explore Tailwind CSS colors in various formats including HSL, RGB, HEX, and the new OKLCH format for better color accuracy. Comprehensive Tailwind CSS color reference with all default hex, hsl, and rgb values. Quickly find and copy Tailwind colors for your projects.
Copy any Tailwind color with our beautiful Tailwind 4 color palette. Click to copy any HEX, OKLCH, or Tailwind 4 color class. Complete reference of all Tailwind CSS colors.
Browse, search and copy all default Tailwind color classes and hex codes.
