カラーコード判定ツール

任意の色に最も近い名前付き色とすべてのコードを判定します。

HEX コードを貼り付けるかピッカーで選ぶと、最も近い CSS 名前付き色を判定し、HEX・RGB・HSL の値を同時に表示します。スクリーンショットやデザインの色に名前を付けるのに便利。すべてブラウザ内で動作します。

色を選ぶ

このブラウザは画面取得に対応していません。ピッカーを使うか HEX コードを貼り付けてください。

画像から選ぶ

カラーコード

最も近い名前付き色

Royal Blue

#4169e1 · Δ 30.33

HEX#2563eb

RGBrgb(37, 99, 235)

HSLhsl(221, 83%, 53%)

パレットと調和

濃淡

補色

類似色

トライアド

テトラード

色をタップするとベースカラーに設定します。

カラーミキサー

ベースカラー

2 つ目の色

混合比率: 50% / 50%

混色結果#8d51a5

計算式と方法

標準的な CSS 名前付き色の表と比較し、RGB 空間の直線距離で最も近い色を報告します。

なぜ「最も近い」色と表示されるのですか？

ほとんどの色には正確な標準名がないため、最も近い名前付き色とその距離を表示します。

すべての処理はブラウザ内でローカルに実行され、データがアップロードされることはありません。