Enrich Human Knowledge

人類全体の知識向上を目指して

Colors

Colors | HTML Dog


CSSでは16777216種類の色を使うことが出来る。それらはRGB(red/green/blue)値という名前かヘックス(hex)コードを持つ。


色の指定には様々なやり方がある。

例(全て同じ色、赤を表す。)

red
rgb(255,0,0)
rgb(100%,0%,0%)
#ff0000
#f00

また、色によっては特別に定義された名前を持つものもある。

注意:黒と白(black and white)を除いて、色の名前は現代の良くデザインされたウェブサイトでは用いられない。なぜならそれらはあまりに特別で限定されているからである。


RGBの3つの値は0から255までを取る。0が最小で255が最大である。また(3つ目の例のように)それらはパーセンテージで記述してもよい。


Hexadecimal(より正確にはsecadecimal)は16進数を用いる。すなわちhexadecimalは0からfの値を取る。ヘックス数(hex number)はハッシュ文字(#)と共に用いられる。長さは3桁か6桁である。*1基本的に3桁の方は6桁の圧縮されたバージョンである。3桁の方は簡単に解読(decipher)できるが、6桁の方は色に対してより正確な記述が出来る。



color and background-color


色はcolor, background-colorによって適応できる。(上の話はどうやって色を指定するのかという話で、今はHTMLドキュメントの色をどうやって変えるのかという話である。)

*1:恐らく6桁の方は2桁一セットなのだろう。