WebTools
🇺🇸🇯🇵🇨🇳🇰🇷

Tailwindカラー一覧

TailwindCSSの全カラーをhex値付きで一覧表示。クリックでコピー。

ツールを読み込み中...

関連ツール

CSSカラー名一覧カラーコード変換（HEX/RGB/HSL）CSS単位変換（px/rem/em）グラデーション生成

Tailwindカラー一覧の主な使い方・用途

  • ✓Tailwindのカラー確認
  • ✓カラーコードのコピー
  • ✓デザインの参考

使い方（ステップ別）

  1. 1
    色を選ぶ— Tailwindの全カラーパレットが表示されます。
  2. 2
    色をコピーする— クリックでクラス名またはHEXをコピーできます。

このツールの特徴

  • ●Tailwind全カラー対応
  • ●クラス名・HEX両対応
  • ●検索フィルタ

このツールについて

TailwindCSSの全カラーをhex値付きで一覧表示。クリックでコピー。