カラー名や16進数で名前付きカラーを検索する方法

概要：カラー名と16進数から色を探す

このツールは、名前付きカラーのコレクションから、カラー名または16進数の値に一致する色を探すために使います。入力は任意で、カラー名の一部を調べたい場合にも、6桁の16進数から近い名前付きカラーを確認したい場合にも利用できます。検索結果では、色の名前、#付きの小文字6桁16進数、RGBの3つの整数値を確認できます。

手順：入力形式を選んで検索する

1. 検索欄にカラー名の一部、カラー名全体、または16進数を入力します。入力を省略した場合は空の文字列として扱われます。
2. 入力前後の空白を取り除き、英字は小文字にそろえたうえで検索されるため、大文字・小文字や前後の空白を過度に気にせず入力できます。
3. 名前で探す場合は、名前の一部が含まれる語を入力します。入力が空でなければ、色の名前にその文字列が含まれるか、生成された小文字の16進数表記と完全に一致するかが調べられます。
4. 入力を空にして検索すると、名前や16進数による絞り込みは行われず、コレクションがカラー名のアルファベット順で処理されます。
5. 直接一致がない場合に近い色を調べるには、先頭の # を付けても付けなくてもよい、6文字の有効な16進数を入力します。該当する場合は、RGB各チャンネルの距離を使って近い名前付きカラーが選ばれます。
6. 結果の色ごとに、名前、#付き小文字6桁の16進数、RGBの各チャンネル値を読み取ります。6文字の有効な16進数でない入力には、直接一致がない場合でも近い色の情報は追加されません。

結果の読み方と境界

名前の一部を入力したときは、その文字列を名前に含む色が直接一致として扱われます。16進数を入力したときは、生成された小文字の6桁表記と完全に一致する場合に直接一致になります。直接一致がないときだけ、6文字の有効な16進数ならRGBチャンネルの距離に基づく近似結果が追加されます。

そのため、近似結果が表示された場合は、入力値そのものの名前付きカラーが見つかったという意味ではなく、入力値に近い候補が選ばれたという意味です。名前や16進数以外の形式を入力しても、説明されている一致条件や6桁16進数の近似条件を超えた解釈は行われません。処理中に例外が発生した場合は、失敗した結果として例外の内容が返されます。

使用例

デザイン案で使う #336699 に対応する名前付きカラーまたは近い候補を調べます。

デザイン案の色を確認するため、入力欄に #336699 を入れて検索します。直接一致の有無を確認し、結果に表示された名前と16進数、RGB値を読み取ります。

検索結果には、該当または選ばれた色の名前、#付き小文字6桁の16進数、3つの整数によるRGB値が含まれます。直接一致がなければ、条件を満たす場合に近い名前付きカラーの情報が追加されます。

制限事項

• 近似検索は、直接一致がなく、先頭の # を除いた値が6文字の有効な16進数である場合に限られます。説明された条件以外の色形式や検索方法は対象に含まれません。

よくある間違い

• 入力が6文字の有効な16進数ではないのに近似結果を期待するのが誤りです。先頭の # を除いた部分を確認し、6文字の16進数で再検索してください。

よくある質問

入力なしでも検索できますか？

入力が空の場合は絞り込みが行われず、コレクションがカラー名のアルファベット順で処理されます。

カラー名の一部で検索できますか？

カラー名の一部を入力できます。入力は小文字化され、前後の空白が取り除かれた後、色の名前にその文字列が含まれるかが調べられます。

近い名前付きカラーはどのように探せますか？

直接一致がなく、先頭の # を除いた値が6文字の有効な16進数なら、RGB各チャンネルの距離に基づく近い名前付きカラーが追加されます。