Tool Hub

Tailwind 顏色

Tailwind v3 預設調色盤 (22 色相 × 11 亮度) — 點擊複製 hex

點擊任何色樣以複製十六進制代碼。按色彩名稱、十六進制或HSL搜尋。

slate

gray

zinc

neutral

stone

red

orange

amber

yellow

lime

green

emerald

teal

cyan

sky

blue

indigo

violet

purple

fuchsia

pink

rose

使用方法

  1. Browse the full Tailwind v3 palette arranged by hue (22 colors) and shade (50–950)。
  2. Hover any swatch to preview its class name (e.g., bg-red-500) and hex value。
  3. Click a swatch to copy the hex code to your clipboard。
  4. A confirmation message appears briefly, then clears automatically。

範例

  • Clicking the rose-600 swatch copies #e11d48 to your clipboard instantly。
  • Hovering sky-300 shows the tooltip "sky-300 · #7dd3fc" before you click to copy。

生產環境使用前請驗證輸出。無擔保 — 參見 條款.