パレット色名生成
一致する CSS 標準名、最も近い名前、生成した説明を区別しながらパレットにラベルを付けます。処理はブラウザー内で完結します。
使い方
使い方
- 不透明色を 1～100 色、改行またはセミコロンで入力します。
- 色名を生成し、CSS 色名、ΔE76 距離、類似色とコントラストを確認します。
- CSS 変数または JSON を選び、コピーまたはダウンロードします。
標準名と説明
固定表は W3C CSS Color 4 に基づき、rebeccapurple と gray/grey の別名を含みます。一致する別名はまとめて表示します。D65 白色点の CIE Lab でユークリッド距離 CIE76 ΔE を計算し、ΔE ≤ 5 を近似とします。遠い色は HSL の色相・明度・彩度で説明します。公式名称や知覚の保証ではありません。
入力範囲
#RGB、#RRGGBB、数値または百分率の 3 チャンネル rgb()、標準色名に対応。RGB は範囲内の値を 8 ビット sRGB に丸めます。アルファ、transparent、currentColor、システム色、他の色空間は対象外。無効な入力があれば出力を停止します。最大 100 色です。
類似色とコントラスト
全組合せを Lab で比較し、ΔE76 ≤ 5 の類似と完全一致を警告します。WCAG 2 比率は単色の白・黒との比較のみ。AA 通常文字は 4.5:1、大きな文字は 3:1 で、ページ全体の判定ではありません。CSS は一意の番号付き変数と元の HEX、JSON は名前・説明・比率・類似情報を出力します。アップロードはありません。
よくある質問
あわせて知りたいこと
色は変わりますか？
いいえ。正規化した元の 8 ビット sRGB を保持します。近い標準色は参考情報です。
生成名は CSS キーワードですか？
いいえ。標準の 148 名のみがキーワードです。CSS には出力した HEX を使ってください。
同じ色に複数の名前があるのはなぜ？
aqua/cyan、gray/grey などの別名があります。一致または距離が同じ名前をすべて表示します。