色を指定するとき、「#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表述하자。
カラー変換はぽっと索のカラーピッカーで试试看。