デジタルの世界では、色はその色だけでなく、6 桁のコードでも表されます。この「16進コード」や「16進カラー」はデザインにおいて非常に重要な役割を果たします。すべてがどのように機能するかを説明します。
赤、緑、青
16 進コードは 6 桁で構成され、通常はその前にポンド (#) 記号が付きます。たとえば、純粋な黒の 16 進数コードは次のとおりです: #000000。このコードの数字は、色の赤、緑、青の量に対応します。
最初の 2 桁は色にどれだけ赤が含まれているかを示し、次の 2 桁は緑、最後の 2 桁は青を表します。黒は色の欠如なので「000000」です。赤、緑、青は存在しません。
赤、緑、青の量は 0 ～ 255 の範囲で指定できます。しかし、待ってください。各色が 2 桁しかなく、スケールが 255 まである場合、それはどのように機能するのでしょうか?それは確かに問題を引き起こします。純粋な赤なら #2550000 だと思うかもしれませんが、これは 6 桁以上です。シートベルトを締める。
数字と文字
16 進数のカラー コードには数字だけが含まれるわけではありません。純粋な赤の実際のコードは #ff0000 です。では、それらの文字はどのように色に変換されるのでしょうか?少し複雑です。
16 進法は 16 という数字に基づいています。必要な色の量が 0 ～ 255 のスケールでわかったら、それを 16 で割ります。方程式の先頭で得られる数字は次のとおりです。最初の桁、残りが 2 番目の桁になります。
これら 2 つの数値が 1 桁の場合は、16 進数コード内の該当箇所にそれらを代入するだけです。ただし、2 桁の数字になった場合は、文字に変換する必要があります。そのためには、次のような簡単な会話が必要です。
- 10がAになる
- 11はBになります
- 12がCになる
- 13がDになる
- 14がEになる
- 15がFになる
純粋な赤 (#ff0000) に戻すと、文字に変換される前は # 1515 0000 だったことがわかります。この紫の色合い (#5f1e85) など、より複雑な色ではさらに多くのことが起こりますが、どの文字も単に 9 より大きい数字であることがわかります。
16 進コードは何のためにあるのでしょうか?
16 進数コードが何であるかはわかりましたが、それは何をするのでしょうか? 16 進数のカラーコードは、ディスプレイにどの色を表示するかを指示します。ディスプレイはコードからその色の作り方に関するすべての情報を読み取り、まさにそれを実行して色を作成します。
赤、緑、青を組み合わせると、目に見えるほぼすべての色を作ることができます。 16 進コードは料理のレシピのようなものと考えることができます。これは、テレビ、カメラ、コンピューターモニター、電話ディスプレイ、またはプロジェクターに各色の必要な量を伝えます。次に、それらを混ぜ合わせて、希望の最終色を作成します。
16 進数のカラーコードについてはこれですべてです。外国語のように見えるかもしれませんが、各数字の背後にある意味を説明する非常に具体的な公式があります。これで、 Photoshop と Illustrator で見られるコードについてもう少し理解できました。
色の 16 進コードを見つける方法
16 進数コードがどのように作成され、どのように使用されるかはわかりましたが、色の 16 進数コードはどうやって見つけられるのでしょうか?ありがたいことに、画像内の任意の色の 16 進数コードを見つけるための無料のオンライン ツールがたくさんあります。
良いものをお探しの場合は、 image-color.com という Web サイトをお勧めします。デバイスまたは URL から画像をアップロードし、スポイト ツールを使用して画像から色を選択できます。 [参照] をクリックして独自のアップロードするか、テキスト ボックスに URL を貼り付けて [アップロード] をクリックします。
画像がアップロードされたら、任意の場所をクリックまたはタップして画像から色を選択できます。色は、「HEX」ボックスの 16 進数コードとともに上部に表示されます。
これで、その 16 進コードを Photoshop、Illustrator 、または必要な場所で使用できるようになります。 16 進数のカラーコードについてはこれですべてです。外国語のように見えるかもしれませんが、各数字の背後にある意味を説明する非常に具体的な公式があります。もうおわかりでしょう。
