色の名前
無料でオンラインで利用可能 色の名前 インストール不要のツール
Color Name ツールについて
このツールは、直線距離（ユークリッド）RGB 距離を用いて任意の hex または RGB 入力に最も近い名前付き CSS 色を探し、類似率をパーセントで示した上位 3 件を返します。また、名前付き CSS 色の全リスト（約 140 件）を検索可能で展開できるブラウザーも備えており、クリックで読み込めます。
使い方
1. 入力欄に hex 値を入力するか、R/G/B 数値フィールド（0-255、クランプされます）を調整します。これにより hex も自動的に更新されます。 2. 最も近い一致カードに、上位 3 件の名前付き色が見本、hex、RGB、一致率とともに表示されます。 3. すべてを表示を展開すると、名前や hex で全リストを検索できます。 4. ブラウザーグリッド内の見本をクリックすると現在の色として読み込み、コピーアイコンをクリックすると hex 値をコピーできます。
一致アルゴリズムとブラウズ
RGB 空間における距離は `sqrt((r2-r1)^2 + (g2-g1)^2 + (b2-b1)^2)` で、結果は昇順に並べ替えられ上位 3 件が返されます。一致率は `(1 - distance / sqrt(3*255^2)) * 100` です。ブラウズリストには標準の CSS3 名前付き色（Alice Blue から Yellow Green まで）が含まれ、名前または hex の部分文字列で大文字小文字を区別せずフィルタリングします。色を選ぶと先頭までスクロールで戻ります。
▶一致率はどのように計算されますか？
`1 - distance / maxDistance` です。ここで distance はユークリッド RGB 距離、maxDistance は `sqrt(255^2 * 3)` です。完全一致は 100% になります。
▶3 桁の短縮 hex 値には対応していますか？
いいえ。パーサーは先頭の `#` の有無を問わず 6 桁 hex のみを受け付けます。`#fff` のような 3 桁の短縮形は解析できず、入力も更新されません。
▶ブラウズリストには何色の名前付き色がありますか？
CSS3 名前付き色仕様に由来する約 140 件で、Alice Blue から Yellow Green まで、基本の 16 色と拡張名を含みます。
▶R/G/B フィールドと hex が時々一致しないのはなぜですか？
これらは同期しています：hex を編集すると R/G/B が更新され、チャネルを編集すると hex が更新されます。ただし、各フィールドが他のフィールドの現在の状態を使用するため、非常に速い編集では一時的に古い値が表示されることがあります。
このツールがあなたに役立ったなら、私にコーヒーをご馳走することをお勧めします。
私にコーヒーを買ってください。