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

Nilai alat ini

4.8 / 5 · 88 penilaian

Alat Lainnya

🎨Color Palette Generator🎨Konverter WarnaTWCSS ke Tailwind🌈CSS Gradient Generator

Recommended

Tailwind UIBeautiful UI components

Tetap Update

Dapatkan tips dev mingguan dan tool baru.

Tanpa spam. Berhenti kapan saja.

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.