DevToolBoxGRATIS
Blog

Tailwind CSS Color Picker β€” Full Palette Browser

Browse all Tailwind CSS v3 colors. Search by name or hex, copy class names, HEX, RGB, and HSL values instantly.

slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose
50100200300400500600700800900950
Click a color swatch to see details
𝕏 Twitterin LinkedIn

Beoordeel deze tool

4.8 / 5 Β· 88 beoordelingen

More Tools

🎨Color Palette Generator🎨Color ConverterTWCSS naar Tailwind🌈CSS Gradient Generator

Recommended

Tailwind UIBeautiful UI components

Blijf op de hoogte

Ontvang wekelijkse dev-tips en nieuwe tools.

Geen spam. Altijd opzegbaar.

Enjoy these free tools?

β˜•Buy Me a Coffee

How to Use

  1. Browse colors by group or search
  2. Click a swatch to view details
  3. Copy the Tailwind class name
  4. Copy HEX, RGB, or HSL values

Use Cases

  • Finding Tailwind color classes
  • Getting hex values for Tailwind colors
  • Comparing color shades
  • Designing Tailwind CSS themes

FAQ

Is this the official Tailwind palette?
Yes, all colors match the Tailwind CSS v3 default color palette.
What formats can I copy?
Tailwind class name, HEX, RGB, and HSL values.