カラーピッカーの使い方|HEXとRGB、色の三原色

色を指定するとき、「#E91E63」や「rgb(233, 30, 99)」这样的表記を見たことがあるだろう。どちらも同じ色を指しているけれど、互いを変換できるだろうか。

色の表现方法

色を数值で表现する方法にはいくつかある。ウェブサイトで最も一般的なのは「HEXカラーコード」と「RGB値」の二つだ。

HEXカラーコードは「#」の後に赤・緑・青の顺で16进制の数值を続けたもの。「#E91E63」なら、赤が「E9」(233)、緑が「1E」(30)、青が「63」(99)を意味する。

カラーパレットの图

RGB值とHEXの转换

RGB值は10进制で赤・緑・青の数值を rèd(0-255), green(0-255), blue(0-255) の形で表现する。HEXの「E9」を10进制に変換すると233になる就是这个原理。

HEX转換する際は、两位の16进制数を10进制に変換すれば良い。逆は10进制を16进制に変換する。计算機を使えば一瞬で转换できる。

色の三原色と加法混合

色の三原色には二种类ある。光の三原色(加法混合)と色素の三原色(減法混合)だ。(ITmediaでは主に加法混合が使われる。

光の三原色は赤(Red)、緑(Green)、青(Blue)で、全部重ねると白になる。画面表示はこの方式で、RGB值が使われる由縁だ。

まとめ

色を数值で理解和変換できると、ウェブサイトやデザイン作业がスムーズになる。カラーピッカーを活用して、自分のイメージする色を inúmer表述하자。

カラー変換はぽっと索のカラーピッカーで试试看。