● WEBセーフカラー216色
#ffffcc
rgba(255,255,204,)
上記2種類の表現は同じ色を指している。
rgba(255,255,204,0.8)
上記は右端に0.8が加わっている。
この数字は透明度を表す。
1～0まであり、0に近づくにつれ透明度は強くなる。
この表記を使うと、かなり思うような色で表現できるようになる。
例えば、Red（赤）で考えてみる。
rgba(255,00,00,) か rgba(255,00,00,1) で表す。
これに右端に1より小さな数字を加える。
rgba(255,00,00,1)
rgba(255,00,00,0.8)
rgba(255,00,00,0.5)
rgba(255,00,00,0.3)
この様になる。
この下に216色の色見本を載せています。
| #FFFFFF 255 255 255 |
#FFFFCC 255 255 204 |
#FFFF99 255 255 153 |
#FFFF66 255 255 102 |
#FFFF33 255 255 51 |
#FFFF00 255 255 00 |
| #FFCCFF 255 204 255 |
#FFCCCC 255 204 204 |
#FFCC99 255 204 153 |
#FFCC66 255 204 102 |
#FFCC33 255 204 51 |
#FFCC00 255 204 00 |
| #FF99FF 255 153 255 |
#FF99CC 255 153 204 |
#FF9999 255 153 153 |
#FF9966 255 153 102 |
#FF9933 255 153 51 |
#FF9900 255 153 00 |
| #FF66FF 255 102 255 |
#FF66CC 255 102 204 |
#FF6699 255 102 153 |
#FF6666 255 102 102 |
#FF6633 255 102 51 |
#FF6600 255 102 00 |
| #FF33FF 255 51 255 |
#FF33CC 255 51 204 |
#FF3399 255 51 153 |
#FF3366 255 51 102 |
#FF3333 255 51 51 |
#FF3300 255 51 00 |
| #FF00FF 255 00 255 |
#FF00CC 255 00 204 |
#FF0099 255 00 153 |
#FF0066 255 00 102 |
#FF0033 255 00 51 |
#FF0000 255 00 00 |
| #CCFFFF 204 255 255 |
#CCFFCC 204 255 204 |
#CCFF99 204 255 153 |
#CCFF66 204 255 102 |
#CCFF33 204 255 51 |
#CCFF00 204 255 00 |
| #CCCCFF 204 204 255 |
#CCCCCC 204 204 204 |
#CCCC99 204 204 153 |
#CCCC66 204 204 102 |
#CCCC33 204 204 51 |
#CCCC00 204 204 00 |
| #CC99FF 204 153 255 |
#CC99CC 204 153 204 |
#CC9999 204 153 153 |
#CC9966 204 153 102 |
#CC9933 204 153 51 |
#CC9900 204 153 00 |
| #CC66FF 204 102 255 |
#CC66CC 204 102 204 |
#CC6699 204 102 153 |
#CC6666 204 102 102 |
#CC6633 204 102 51 |
#CC6600 204 102 00 |
| #CC33FF 204 51 255 |
#CC33CC 204 51 204 |
#CC3399 204 51 153 |
#CC3366 204 51 102 |
#CC3333 204 51 51 |
#CC3300 204 51 00 |
| #CC00FF 204 00 255 |
#CC00CC 204 00 204 |
#CC0099 204 00 153 |
#CC0066 204 00 102 |
#CC0033 204 00 51 |
#CC0000 204 00 00 |
| #99FFFF 153 255 255 |
#99FFCC 153 255 204 |
#99FF99 153 255 153 |
#99FF66 153 255 102 |
#99FF33 153 255 51 |
#99FF00 153 255 00 |
| #99CCFF 153 204 255 |
#99CCCC 153 204 204 |
#99CC99 153 204 153 |
#99CC66 153 204 102 |
#99CC33 153 204 51 |
#99CC00 153 204 00 |
| #9999FF 153 153 255 |
#9999CC 153 153 204 |
#999999 153 153 153 |
#999966 153 153 102 |
#999933 153 153 51 |
#999900 153 153 00 |
| #9966FF 153 102 255 |
#9966CC 153 102 204 |
#996699 153 102 153 |
#996666 153 102 102 |
#996633 153 102 51 |
#996600 153 102 00 |
| #9933FF 153 51 255 |
#9933CC 153 51 204 |
#993399 153 51 153 |
#993366 153 51 102 |
#993333 153 51 51 |
#993300 153 51 00 |
| #9900FF 153 00 255 |
#9900CC 153 00 204 |
#990099 153 00 153 |
#990066 153 00 102 |
#990033 153 00 51 |
#990000 153 00 00 |
| #66FFFF 102 255 255 |
#66FFCC 102 255 204 |
#66FF99 102 255 153 |
#66FF66 102 255 102 |
#66FF33 102 255 51 |
#66FF00 102 255 00 |
| #66CCFF 102 204 255 |
#66CCCC 102 204 204 |
#66CC99 102 204 153 |
#66CC66 102 204 102 |
#66CC33 102 204 51 |
#66CC00 102 204 00 |
| #6699FF 102 153 255 |
#6699CC 102 153 204 |
#669999 102 153 153 |
#669966 102 153 102 |
#669933 102 153 51 |
#669900 102 153 00 |
| #6666FF 102 102 255 |
#6666CC 102 102 204 |
#666699 102 102 153 |
#666666 102 102 102 |
#666633 102 102 51 |
#666600 102 102 00 |
| #6633FF 102 51 255 |
#6633CC 102 51 204 |
#663399 102 51 153 |
#663366 102 51 102 |
#663333 102 51 51 |
#663300 102 51 00 |
| #6600FF 102 00 255 |
#6600CC 102 00 204 |
#660099 102 00 153 |
#660066 102 00 102 |
#660033 102 00 51 |
#660000 102 00 00 |
| #33FFFF 51 255 255 |
#33FFCC 51 255 204 |
#33FF99 51 255 153 |
#33FF66 51 255 102 |
#33FF33 51 255 51 |
#33FF00 51 255 00 |
| #33CCFF 51 204 255 |
#33CCCC 51 204 204 |
#33CC99 51 204 153 |
#33CC66 51 204 102 |
#33CC33 51 204 51 |
#33CC00 51 204 00 |
| #3399FF 51 153 255 |
#3399CC 51 153 204 |
#339999 51 153 153 |
#339966 51 153 102 |
#339933 51 153 51 |
#339900 51 153 00 |
| #3366FF 51 102 255 |
#3366CC 51 102 204 |
#336699 51 102 153 |
#336666 51 102 102 |
#336633 51 102 51 |
#336600 51 102 00 |
| #3333FF 51 51 255 |
#3333CC 51 51 204 |
#333399 51 51 153 |
#333366 51 51 102 |
#333333 51 51 51 |
#333300 51 51 00 |
| #3300FF 51 00 255 |
#3300CC 51 00 204 |
#330099 51 00 153 |
#330066 51 00 102 |
#330033 51 00 51 |
#330000 51 00 00 |
| #00FFFF 00 255 255 |
#00FFCC 00 255 204 |
#00FF99 00 255 153 |
#00FF66 00 255 102 |
#00FF33 00 255 51 |
#00FF00 00 255 00 |
| #00CCFF 00 204 255 |
#00CCCC 00 204 204 |
#00CC99 00 204 153 |
#00CC66 00 204 102 |
#00CC33 00 204 51 |
#00CC00 00 204 00 |
| #0099FF 00 153 255 |
#0099CC 00 153 204 |
#009999 00 153 153 |
#009966 00 153 102 |
#009933 00 153 51 |
#009900 00 153 00 |
| #0066FF 00 102 255 |
#0066CC 00 102 204 |
#006699 00 102 153 |
#006666 00 102 102 |
#006633 00 102 51 |
#006600 00 102 00 |
| #0033FF 00 51 255 |
#0033CC 00 51 204 |
#003399 00 51 153 |
#003366 00 51 102 |
#003333 00 51 51 |
#003300 00 51 00 |
| #0000FF 00 00 255 |
#0000CC 00 00 204 |
#000099 00 00 153 |
#000066 00 00 102 |
#000033 00 00 51 |
#000000 00 00 00 |
| #FFFFFF 255 255 255 |
#FFFFCC 255 255 204 |
#FFFF99 255 255 153 |
#FFFF66 255 255 102 |
#FFFF33 255 255 51 |
#FFFF00 255 255 00 |
| #FFCCFF 255 204 255 |
#FFCCCC 255 204 204 |
#FFCC99 255 204 153 |
#FFCC66 255 204 102 |
#FFCC33 255 204 51 |
#FFCC00 255 204 00 |
| #FF99FF 255 153 255 |
#FF99CC 255 153 204 |
#FF9999 255 153 153 |
#FF9966 255 153 102 |
#FF9933 255 153 51 |
#FF9900 255 153 00 |
| #FF66FF 255 102 255 |
#FF66CC 255 102 204 |
#FF6699 255 102 153 |
#FF6666 255 102 102 |
#FF6633 255 102 51 |
#FF6600 255 102 00 |
| #FF33FF 255 51 255 |
#FF33CC 255 51 204 |
#FF3399 255 51 153 |
#FF3366 255 51 102 |
#FF3333 255 51 51 |
#FF3300 255 51 00 |
| #FF00FF 255 00 255 |
#FF00CC 255 00 204 |
#FF0099 255 00 153 |
#FF0066 255 00 102 |
#FF0033 255 00 51 |
#FF0000 255 00 00 |
| #CCFFFF 204 255 255 |
#CCFFCC 204 255 204 |
#CCFF99 204 255 153 |
#CCFF66 204 255 102 |
#CCFF33 204 255 51 |
#CCFF00 204 255 00 |
| #CCCCFF 204 204 255 |
#CCCCCC 204 204 204 |
#CCCC99 204 204 153 |
#CCCC66 204 204 102 |
#CCCC33 204 204 51 |
#CCCC00 204 204 00 |
| #CC99FF 204 153 255 |
#CC99CC 204 153 204 |
#CC9999 204 153 153 |
#CC9966 204 153 102 |
#CC9933 204 153 51 |
#CC9900 204 153 00 |
| #CC66FF 204 102 255 |
#CC66CC 204 102 204 |
#CC6699 204 102 153 |
#CC6666 204 102 102 |
#CC6633 204 102 51 |
#CC6600 204 102 00 |
| #CC33FF 204 51 255 |
#CC33CC 204 51 204 |
#CC3399 204 51 153 |
#CC3366 204 51 102 |
#CC3333 204 51 51 |
#CC3300 204 51 00 |
| #CC00FF 204 00 255 |
#CC00CC 204 00 204 |
#CC0099 204 00 153 |
#CC0066 204 00 102 |
#CC0033 204 00 51 |
#CC0000 204 00 00 |
| #99FFFF 153 255 255 |
#99FFCC 153 255 204 |
#99FF99 153 255 153 |
#99FF66 153 255 102 |
#99FF33 153 255 51 |
#99FF00 153 255 00 |
| #99CCFF 153 204 255 |
#99CCCC 153 204 204 |
#99CC99 153 204 153 |
#99CC66 153 204 102 |
#99CC33 153 204 51 |
#99CC00 153 204 00 |
| #9999FF 153 153 255 |
#9999CC 153 153 204 |
#999999 153 153 153 |
#999966 153 153 102 |
#999933 153 153 51 |
#999900 153 153 00 |
| #9966FF 153 102 255 |
#9966CC 153 102 204 |
#996699 153 102 153 |
#996666 153 102 102 |
#996633 153 102 51 |
#996600 153 102 00 |
| #9933FF 153 51 255 |
#9933CC 153 51 204 |
#993399 153 51 153 |
#993366 153 51 102 |
#993333 153 51 51 |
#993300 153 51 00 |
| #9900FF 153 00 255 |
#9900CC 153 00 204 |
#990099 153 00 153 |
#990066 153 00 102 |
#990033 153 00 51 |
#990000 153 00 00 |
| #66FFFF 102 255 255 |
#66FFCC 102 255 204 |
#66FF99 102 255 153 |
#66FF66 102 255 102 |
#66FF33 102 255 51 |
#66FF00 102 255 00 |
| #66CCFF 102 204 255 |
#66CCCC 102 204 204 |
#66CC99 102 204 153 |
#66CC66 102 204 102 |
#66CC33 102 204 51 |
#66CC00 102 204 00 |
| #6699FF 102 153 255 |
#6699CC 102 153 204 |
#669999 102 153 153 |
#669966 102 153 102 |
#669933 102 153 51 |
#669900 102 153 00 |
| #6666FF 102 102 255 |
#6666CC 102 102 204 |
#666699 102 102 153 |
#666666 102 102 102 |
#666633 102 102 51 |
#666600 102 102 00 |
| #6633FF 102 51 255 |
#6633CC 102 51 204 |
#663399 102 51 153 |
#663366 102 51 102 |
#663333 102 51 51 |
#663300 102 51 00 |
| #6600FF 102 00 255 |
#6600CC 102 00 204 |
#660099 102 00 153 |
#660066 102 00 102 |
#660033 102 00 51 |
#660000 102 00 00 |
| #33FFFF 51 255 255 |
#33FFCC 51 255 204 |
#33FF99 51 255 153 |
#33FF66 51 255 102 |
#33FF33 51 255 51 |
#33FF00 51 255 00 |
| #33CCFF 51 204 255 |
#33CCCC 51 204 204 |
#33CC99 51 204 153 |
#33CC66 51 204 102 |
#33CC33 51 204 51 |
#33CC00 51 204 00 |
| #3399FF 51 153 255 |
#3399CC 51 153 204 |
#339999 51 153 153 |
#339966 51 153 102 |
#339933 51 153 51 |
#339900 51 153 00 |
| #3366FF 51 102 255 |
#3366CC 51 102 204 |
#336699 51 102 153 |
#336666 51 102 102 |
#336633 51 102 51 |
#336600 51 102 00 |
| #3333FF 51 51 255 |
#3333CC 51 51 204 |
#333399 51 51 153 |
#333366 51 51 102 |
#333333 51 51 51 |
#333300 51 51 00 |
| #3300FF 51 00 255 |
#3300CC 51 00 204 |
#330099 51 00 153 |
#330066 51 00 102 |
#330033 51 00 51 |
#330000 51 00 00 |
| #00FFFF 00 255 255 |
#00FFCC 00 255 204 |
#00FF99 00 255 153 |
#00FF66 00 255 102 |
#00FF33 00 255 51 |
#00FF00 00 255 00 |
| #00CCFF 00 204 255 |
#00CCCC 00 204 204 |
#00CC99 00 204 153 |
#00CC66 00 204 102 |
#00CC33 00 204 51 |
#00CC00 00 204 00 |
| #0099FF 00 153 255 |
#0099CC 00 153 204 |
#009999 00 153 153 |
#009966 00 153 102 |
#009933 00 153 51 |
#009900 00 153 00 |
| #0066FF 00 102 255 |
#0066CC 00 102 204 |
#006699 00 102 153 |
#006666 00 102 102 |
#006633 00 102 51 |
#006600 00 102 00 |
| #0033FF 00 51 255 |
#0033CC 00 51 204 |
#003399 00 51 153 |
#003366 00 51 102 |
#003333 00 51 51 |
#003300 00 51 00 |
| #0000FF 00 00 255 |
#0000CC 00 00 204 |
#000099 00 00 153 |
#000066 00 00 102 |
#000033 00 00 51 |
#000000 00 00 00 |
