他のカラーコンバーターをお探しですか？
RGBをHEXに変換する方法
RGBからHEXへの色の変換は、数値を10進数から16進数に変換するのと同じくらい簡単です。 RGBカラー（50、168、82）を変換するために、各数値を16進値に変換します。
50 = 32
168 = A8
82 = 52
RGB(50, 168, 82) = #32A852
RGBとは
RGB さまざまな色を作成するために混合できる光の赤、緑、および青の色相を表します。これは、テレビ画面、コンピューターモニター、およびスマートフォンディスプレイ用の画像を作成する標準的な方法です。
より正確には、RGBは加法カラーモデルです。つまり、異なる色を作成するには、色相を足し合わせる必要があります。
色を積み重ねることを想像してみてください。
注意: デバイスが異なれば、RGB値も異なります。各デバイスは異なる混色理論を使用します。つまり、RGBカラーはすべてのデバイスで同じではなく、同じように見えるようにカラーマネジメントが必要です。
RGBカラーモデルで色を説明するには、必要な赤、緑、青の量を指定する必要があります。
RGBトリプレットを使用して、必要な赤、緑、青の量を示します (R、G、B) ここで、各要素はゼロから定義された最大値まで変化する可能性があります。
すべての要素がゼロの場合 (0, 0, 0) - 結果は黒色になります。
すべての要素が最大の場合 (255, 255, 255) - 結果は白色です。
これらの数字の組み合わせは、異なる色を構成します (255, 255, 0) - 結果は黄色になります
これはとして知られています 色深度 ビット単位で測定されます。
2018年の時点で、ほぼすべてのテレビ、コンピューター、スマートフォンのディスプレイは、次のように知られている24ビットの色深度を使用しています。 天然色. 3色ごとに8ビット、または合計24ビットをサポートします。
これは提供します 28 または 256 赤、緑、青の可能な値:
256 x 256 x 256 = 16,777,216 トゥルーカラーパレットで可能な合計色
16進数とは何ですか
16進数 16個の記号で構成される基数16の記数法について説明します。 0から9までの数字を使用して0から9までの数字を表し、文字AからFを使用して10から15までの数字を表します。
これは、人間が読める形式でバイナリコードを表現する手段として、コンピュータサイエンスや数学で最もよく使用されます。
コンピューターや科学者とは異なり、私たちのほとんどは10進法を使用しています。これは0から9までの数字で構成され、数字を使用する標準的な方法です。私たちは幼稚園でそれを学び始め、毎日それを使用しています:
車は時速10マイルで運転します
猫の体重は4kg
月は30日でできています
16進数と10進数の違いがわかったので、1つから別の変換方法を調べてみましょう。
すでにご存知のように、16進法では、0から9までの数字は0から9を表し、文字AからFは10進法では10から15を表します。
これは、16進数から10進数への変換を説明するのに適した詳細な表です。:
RGBをHEXに変換する方法
RGBをHEXに変換するには、赤、緑、青の色の値を10進数から16進数に変換する必要があります。
例 #1: 色を赤に変換 (255, 0, 0) に HEX:
R = 255 = FF
G = 0 = 00
B = 0 = 00
HEX = #FF0000
例 #2: 色を緑に変換 (0, 255, 0) に HEX:
R = 0 = 00
G = 255 = FF
B = 0 = 00
HEX = #00FF00
例 #3: 青に変換 (0, 0, 255) に HEX:
R = 0 = 00
G = 0 = 00
B = 255 = FF
HEX = #0000FF
例 #4: 色を黒に変換 (0, 0, 0) に HEX:
R = 0 = 00
G = 0 = 00
B = 0 = 00
HEX = #000000
例 #5: 色を白に変換 (255, 255, 255) に HEX:
R = 255 = FF
G = 255 = FF
B = 255 = FF
HEX = #FFFFFF
ボーナス 例 #6: カラーゴールドに変換 (255, 215, 0) に HEX:
R = 255 = FF
G = 215 = D7
B = 0 = 00
HEX = #FFD700
HEXをRGBに変換する方法
HEXをRGBに変換するには、16進値を2つのペアに分割し、10進数に変換する必要があります。
例 #1: 色を赤に変換 #FF0000 に RGB:
FF = 255
00 = 0
00 = 0
RGB = (255, 0, 0)
例 #2: 色を緑に変換 #00FF00 に RGB:
00 = 0
FF = 255
00 = 0
RGB = (0, 255, 0)
例 #3: 青に変換 #0000FF に RGB:
00 = 0
00 = 0
FF = 255
RGB = (0, 0, 255)
例 #4: 色を黒に変換 #000000 に RGB:
00 = 0
00 = 0
00 = 0
RGB = (0, 0, 0)
例 #5: 色を白に変換 #FFFFFF に RGB:
FF = 255
FF = 255
FF = 255
RGB = (255, 255, 255)
ボーナス 例 #6: カラーゴールドに変換 #FFD700 に RGB:
FF = 255
D7 = 215
00 = 0
RGB = (255, 215, 0)
RGBと16進数の違い
上記の例からわかるように、RGBとHEXの主な違いは、異なる記数法を使用していることです。 RGBは10進数を使用し、HEXは16進数を使用します。
RGBからHEXへの色の変換は、数値を10進数から16進数に変換するのと同じくらい簡単です。
RGB vsHEX-どちらが良いか
私たちの経験と私たちのチームが長年にわたって観察したことから、16進数は、特にWeb開発およびWebデザイン業界でRGBよりも頻繁に使用されます。
ただし、どちらも同じ色を表すため、どちらを使用しても違いはありません。唯一の提案-一貫性を保つ。
Webプロジェクト全体でRGBの使用を開始する場合は、それに固執してください。 Webプロジェクト全体でHEXの使用を開始する場合は、HEXのみを使用するようにしてください
