16進数カラーコードから色名を調べる方法

16進数カラーコードを入力すると、組み込みパレットとの一致する色名、または最も近い色名を確認できます。入力を省略すると #3498db が使われます。

16進数カラーコードから色名を調べる

16進数で表したカラーコードを入力すると、組み込みの色パレットから一致する色名、または色の値が近い色名を確認できます。入力を省略した場合は、既定のカラーコード #3498db が使われます。色名だけを手がかりにするのではなく、手元の16進数カラーコードを色名に対応づけたい場面に向いています。

使い方と結果の確認手順

1. 色の入力欄に、16進数カラーコードを文字列として入力します。先頭に # がない文字列には自動的に # が補われます。3桁形式は各桁を繰り返して6桁相当に展開されるため、#abc のような表記も入力できます。
2. 入力内容を確認して実行します。解析できたRGB値がパレット内の色と一致する場合は、その色の名前が確認されます。一致しない場合も、RGB値同士の直線距離が最小になるパレットの色名が選ばれます。
3. 結果で、色名と、必要に応じて表示される距離を確認します。距離は入力色とパレット色の選択に使われる計算と同じではありません。表示される距離は小数第1位まで丸められ、各チャンネルの差を51の倍数からの差として計算した値です。

結果の意味と確認時の注意点

一致する色が見つかった場合は、入力したRGB値が組み込みパレットの色に登録されていることを示します。一致しない場合に表示される色名は、外部の色名規格による断定ではなく、このツールの組み込みパレット内で最も近い候補です。

入力の形式にも注意してください。解析時に値エラーまたは添字エラーが発生する一部の不正な文字列は、処理結果として不正な色の報告になることがあります。一方、長さが不正な文字列は部分的に解析される場合があり、文字列以外の入力はこの処理より前にエラーになる場合があります。結果だけで判断せず、入力を16進数カラーコードの文字列として見直してください。

使用例

デザイン案で使っている #3498db が、組み込みパレットのどの色名に対応するか確認したい場合です。

カラーコード欄に #3498db を文字列として入力して実行し、表示された色名と距離を確認します。

解析できた入力に対して、色名と、表示される場合は小数第1位まで丸められた距離を含む結果の形を確認できます。

制限事項

• 対象は16進数カラーコードの文字列です。組み込みパレット外の色名や、RGBタプル、アルファ値など別形式の入力に対応するとは判断できません。不正な入力の結果も形式によって異なります。

よくある間違い

• # を付け忘れたり、文字列ではない値を渡したりすると、期待した解析にならない場合があります。16進数の文字列として入力し、必要なら先頭に # を付けてから再実行してください。

よくある質問

#なしの3桁カラーコードも調べられますか？

はい。ただし、入力が解析できる場合に限ります。# のない文字列には # が補われ、3桁の16進数は各桁を繰り返して展開されます。

カラーコードを入力しなくても使えますか？

入力を省略すると、既定値として #3498db が使われます。

不正なカラーコードを入力するとどうなりますか？

不正な入力の扱いは一様ではありません。値エラーまたは添字エラーになる一部の文字列は不正な色の報告になりますが、長さが不正な文字列は部分的に解析される場合があり、文字列以外は先にエラーになる場合があります。