Softonic

色名検索

ステップ 1 / 3

色を入力

#RGB、#RGBA、#RRGGBB、#RRGGBBAA、整数のrgb()/rgba()、割合指定のhsl()/hsla()に対応しています。

HEX、RGB、HSL形式の色を入力すると、最も近い標準CSS色名を検索できます。正規化したHEX、RGB、HSL、CIELABの値とCIEDE2000色差も表示します。計算はすべてブラウザ内で行われます。ステップ形式では入力した色がページURLに含まれ、ページのリクエストとしてサーバーへ送信されますが、色名の照合計算は引き続きブラウザ内だけで実行されます。

CSS色名を調べる方法

  1. 1

    色を入力

    テキスト欄またはカラーピッカーを使います。厳密なHEX、整数RGB、割合指定HSLに対応します。

  2. 2

    検証して変換

    値を検証し、D65白色点のsRGB、HSL、CIELABへ変換します。

  3. 3

    CSS色名と比較

    不透明RGB色をCIEDE2000ですべての標準CSS色名と比較します。

  4. 4

    確認またはコピー

    2つの色見本と各値を確認し、結果をコピーします。

結果の見方

CSSにはtomato、cornflowerblue、rebeccapurpleなど、固定された色名の一覧があります。入力色が一覧と完全には一致しない場合、最も近い名前とその標準HEX値を表示します。aquaとcyanのように同じ色を表す別名は併記します。

sRGBをD65白色点のCIELABへ変換し、CIEDE2000で比較します。0ならRGBが完全に一致しています。短縮・通常・アルファ付きHEX、整数のrgb()/rgba()、割合指定のhsl()/hsla()に対応します。

アルファは8桁HEXに保持しますが、色名の計算からは除外します。Pantone、塗料、クレヨン、投稿型辞書は検索せず、画像からの採色もしません。アクセシビリティには別途WCAGコントラストを確認してください。

よくある質問

CIEDE2000色差が0の場合のみ完全一致です。それ以外は最も近い標準CSS色名です。

CSSにはaquaとcyanのようにRGB値が同じ別名があります。同率の名前を併記します。

いいえ。アルファは正規化HEXに保持しますが、比較には使いません。

できません。コントラストチェッカーで文字色と背景色をWCAG基準に照らしてください。

関連ツール

バイナリからASCIIへの変換ツール

バイナリ（スペース区切りのバイト、または長いビット列）を貼り付けると、それが表すASCIIテキストを取得できます。7ビットと8ビットのエンコードに対応。

Base64 → Hex 変換ツール

Base64文字列を、その背後にあるバイトの16進表現へ変換します。トークン、鍵、証明書、JWTの確認に便利です。

BinaryからHexへのコンバーター

バイナリ入力を大文字の16進数値に変換します。0と1以外は無視され、先頭の0は保持されません。

BBCodeからHTMLへのコンバーター

BBCode（掲示板マークアップ）をきれいなHTMLへ変換します。装飾タグ、リスト、引用、コード、画像、リンク、表に対応。

2進数から10進数へ変換

2進数を瞬時に10進数へ変換します。各ビットがどのように寄与するかが分かる位取り展開を表示します。

2進数から8進数への変換ツール

2進数を3ビットずつまとめて8進数に変換します。Unixのパーミッション、レガシーシステム、コンパクトな数値表示に便利です。