WebTools
🇺🇸🇯🇵🇨🇳🇰🇷

CSSカラー名一覧

CSSで使える色名をスウォッチ付きで一覧表示。クリックでhex値をコピー。

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

関連ツール

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

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

  • ✓CSSカラー名の確認
  • ✓Webデザインでの色選択
  • ✓カラーコードの素早い調査
  • ✓UIデザインの色参考
  • ✓HTMLメールの色指定

使い方（ステップ別）

  1. 1
    色名を検索する— 検索欄にキーワードを入力してフィルタリングできます。
  2. 2
    スウォッチを確認する— 各色のプレビューと名前・HEXコードが一覧表示されます。
  3. 3
    HEXコードをコピーする— クリックするとHEXコードがクリップボードにコピーされます。

このツールの特徴

  • ●50以上のCSSカラー名を一覧表示
  • ●スウォッチとHEXコードの同時表示
  • ●名前検索フィルタ機能
  • ●クリックでHEXコードをコピー

このツールについて

CSSで使える色名をスウォッチ付きで一覧表示。クリックでhex値をコピー。