カラー名前検索 🎨

カラー名前検索について

このカラー名前検索は、すべてブラウザ内で完結します。システムのカラーピッカーで色を選ぶか、HEX/RGB 文字列を入力し、名前を検索をクリックしてください。ツールは入力色を 140+ の標準 HTML/CSS 名前付き色と比較し、RGB 空間でのユークリッド距離で順位付けし、最も近い色をスウォッチ・名前・HEX コード・距離スコア付きで表示します。すべての処理はローカルで行われ、何もアップロードされません。

マッチングの仕組み

名前付き色にはそれぞれ固定の RGB 値があります。ツールは入力色から各名前付き色までの RGB 空間での直線距離（ユークリッド距離）を計算します：distance = √((r₁−r₂)² + (g₁−g₂)² + (b₁−b₂)²)。距離が最小の名前付き色が視覚的に最も近いマッチです。

使い方

1. カラーピッカーを使うか、テキスト欄に #0EA5E9 のような HEX コードや rgb(14,165,233) 値を入力します。
2. 表示したい近い色の数を選びます。
3. 名前を検索をクリック。最良のマッチが一番上に、次に近い色が続きます。
4. 最良の名前をコピーまたは最良の HEX をコピーで、最も近いマッチをクリップボードにコピーできます。

よくある質問

どの名前付き色を使っていますか？ W3C が定義する標準 140+ の HTML/CSS 名前付き色です。red、blue、green のような基本色から、cornflowerblue、tomato、rebeccapurple のような拡張名まで含みます。

なぜリストに自分の色が正確に無いのですか？ 名前付き色は 1600 万色の RGB の中のごく一部の固定サブセットです。検索は RGB 距離で最も近い名前付き色を報告しますが、通常は良好な視覚的近似になります。

HEX ではなく RGB を入力できますか？ はい。#0EA5E9 と rgb(14,165,233) の両方を受け付けます。3 桁の短縮 HEX（#fff など）も対応しています。

このツールは色の値をアップロードしますか？ いいえ。すべてのマッチングはローカルブラウザで行われます。