Tool Hub

Tailwind 色

Tailwind v3 デフォルトパレット (22 色相 × 11 明度) — クリックして hex をコピー

色見本をクリックして16進数をコピーします。色名、16進数、またはHSLで検索します。

slate

gray

zinc

neutral

stone

red

orange

amber

yellow

lime

green

emerald

teal

cyan

sky

blue

indigo

violet

purple

fuchsia

pink

rose

使い方

  1. 色相 (22 色) と陰 (50~950) で整列した完全な Tailwind v3 パレットを参照します。
  2. スウォッチにホバーして、クラス名 (例: bg-red-500) と hex 値をプレビューします。
  3. スウォッチをクリックして hex コードをクリップボードにコピーします。
  4. 確認メッセージが簡潔に表示されてから自動的にクリアされます。

  • rose-600 スウォッチをクリックすると #e11d48 がクリップボードに瞬時にコピーされます。
  • sky-300 にホバーすると、クリックする前に「sky-300 · #7dd3fc」というツールチップが表示されます。

本番環境で使用する前に出力を検証してください。保証なし — 詳細は 利用規約.