DevToolBoxฟรี
บล็อก

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

ให้คะแนนเครื่องมือนี้

4.8 / 5 · 88 คะแนน

เครื่องมือเพิ่มเติม

🎨Color Palette Generator🎨ตัวแปลงสีTWCSS เป็น Tailwind🌈CSS Gradient Generator

Recommended

Tailwind UIBeautiful UI components

อัปเดตข่าวสาร

รับเคล็ดลับการพัฒนาและเครื่องมือใหม่ทุกสัปดาห์

ไม่มีสแปม ยกเลิกได้ตลอดเวลา

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.