HTMLカラーネーム一覧
HTML/CSSで使える148色のカラーネームを一覧で確認できる。 色の検索・プレビュー・HEXコードのコピーにも対応。
このツールをシェア
📖
使い方
Step 1
カラー検索
カラーネームやHEX値で色を検索
→
Step 2
カラー選択
使いたいカラーをクリックして選択
→
Step 3
コピー
カラーネームやHEX値をコピー
✨
このツールの特徴
インスタント検索
カラーネームやHEX値でリアルタイム検索・フィルタリング
グループ分類
赤系・青系・緑系などの色グループで分類表示
複数形式コピー
カラーネーム・HEX・RGB・HSLの各形式でコピー可能
❓
よくある質問
HTML/CSSで色を指定する際に使える名前付きの色です。「red」「blue」「coral」など148色が定義されています。
🔗関連ツール
🎨
デザインカラーコード変換器
HEX・RGB・HSLのカラーコードを相互変換。 カラーピッカーとリアルタイムプレビューで直感的に操作。
🎨
デザインカラーピッカー
カラーホイールやスライダーで直感的に色を選べるツール。 HEX・RGB・HSL形式でカラーコードを取得・コピーできる。
🎨
デザイン画像色抽出器
画像から主要な色を自動検出してカラーパレットを生成。 画像上の任意の位置をクリックして個別に色を取得することも可能。
🎯
デザイン画像平均色取得
画像全体または選択範囲の平均色を算出するツール。 デザインの配色決めやサムネイル背景色の決定に活用できる。
🌈
デザインCSSグラデーション生成器
CSSグラデーションをドラッグ操作で視覚的に作成するツール。 リニア・ラジアル・コニックの3タイプとプリセットを搭載。
🔲
デザインCSSボックスシャドウ生成器
CSSのbox-shadowをスライダーで視覚的に調整・生成するツール。 複数シャドウの重ね合わせや内側シャドウ（inset）にも対応。