DevToolBox免费
博客

Tailwind CSS 颜色选择器 — 完整色板浏览

浏览所有 Tailwind CSS v3 颜色，按名称或色值搜索，一键复制类名和颜色值。

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 人评价

更多工具

🎨调色板生成器🎨颜色转换器TWCSS 转 Tailwind🌈CSS 渐变生成器

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.