CSSカラー名ファインダー

任意のhexに最も近いCSS名前付きカラーを見つける

hex色を入力または選択すると、ツールがRGB空間のユークリッド距離を使って標準CSS名前付きカラーセットから最も近い一致を見つけます。一致した名前、正確なhex値、入力からの距離が表示されます。いずれかのスウォッチをクリックして色をコピーできます。完全一致の場合は距離がゼロとなり、近似の注記は表示されません。

このツールはCSS Color Level 4仕様のすべての148個のCSS名前付きカラーをカバーしており、cornflowerblue、darkorchid、lightslategrayなどの拡張セットも含まれます。デザインツールからhex値を取得し、ドキュメントやコードコメント用の人間が読める名前が必要な場合に便利です。

よくある質問

最も近い色はどのように計算されますか？ ツールはRGB空間のユークリッド距離を計算します: sqrt((dr)^2 + (dg)^2 + (db)^2)。最も小さい距離の名前付きカラーが返されます。

2つの色が同じくらい近い場合は？ 内部リストの最初の一致が返されます。ほとんどの名前付きカラーが色空間に分散しているため、同率は実際には極めてまれです。