Webセーフカラー216色
8bitカラー256色の内、異なったOSでも表示が左右されない216色をWebセーフカラーと呼んでいます。
この216色についてはCSSで色指定する場合、すべての色が3桁の短縮コードで記述できます。
例えばこの色(ライム)16進数では通常6桁#
00FF00ですが、
短縮コードでは3桁#0F0で記述できます。
16進数、短縮コードに含まれるアルファベットやカラーネームは大文字、小文字でもどちらでも指定できます。
セーフカラー216色 | 16進数(6桁) | 短縮(3桁) | カラーネーム | R | G | B |
#000000 | #000 | black | 0 | 0 | 0 | |
#000033 | #003 | 0 | 0 | 51 | ||
#000066 | #006 | 0 | 0 | 102 | ||
#000099 | #009 | 0 | 0 | 153 | ||
#0000cc | #00c | 0 | 0 | 204 | ||
#0000ff | #00f | blue | 0 | 0 | 255 | |
#003300 | #030 | 0 | 51 | 0 | ||
#003333 | #033 | 0 | 51 | 51 | ||
#003366 | #036 | 0 | 51 | 102 | ||
#003399 | #039 | 0 | 51 | 153 | ||
#0033cc | #03c | 0 | 51 | 204 | ||
#0033ff | #03f | 0 | 51 | 255 | ||
#006600 | #060 | 0 | 102 | 0 | ||
#006633 | #063 | 0 | 102 | 51 | ||
#006666 | #066 | 0 | 102 | 102 | ||
#006699 | #069 | 0 | 102 | 153 | ||
#0066cc | #06c | 0 | 102 | 204 | ||
#0066ff | #06f | 0 | 102 | 255 | ||
#009900 | #090 | 0 | 153 | 0 | ||
#009933 | #093 | 0 | 153 | 51 | ||
#009966 | #096 | 0 | 153 | 102 | ||
#009999 | #099 | 0 | 153 | 153 | ||
#0099cc | #09c | 0 | 153 | 204 | ||
#0099ff | #09f | 0 | 153 | 255 | ||
#00cc00 | #0c0 | 0 | 204 | 0 | ||
#00cc33 | #0c3 | 0 | 204 | 51 | ||
#00cc66 | #0c6 | 0 | 204 | 102 | ||
#00cc99 | #0c9 | 0 | 204 | 153 | ||
#00cccc | #0cc | 0 | 204 | 204 | ||
#00ccff | #0cf | 0 | 204 | 255 | ||
#00ff00 | #0f0 | lime | 0 | 255 | 0 | |
#00ff33 | #0f3 | 0 | 255 | 51 | ||
#00ff66 | #0f6 | 0 | 255 | 102 | ||
#00ff99 | #0f9 | 0 | 255 | 153 | ||
#00ffcc | #0fc | 0 | 255 | 204 | ||
#00ffff | #0ff | aqua | 0 | 255 | 255 | |
#330000 | #300 | 51 | 0 | 0 | ||
#330033 | #303 | 51 | 0 | 51 | ||
#330066 | #306 | 51 | 0 | 102 | ||
#330099 | #309 | 51 | 0 | 153 | ||
#3300cc | #30c | 51 | 0 | 204 | ||
#3300ff | #30f | 51 | 0 | 255 | ||
#333300 | #330 | 51 | 51 | 0 | ||
#333333 | #333 | 51 | 51 | 51 | ||
#333366 | #336 | 51 | 51 | 102 | ||
#333399 | #339 | 51 | 51 | 153 | ||
#3333cc | #33c | 51 | 51 | 204 | ||
#3333ff | #33f | 51 | 51 | 255 | ||
#336600 | #360 | 51 | 102 | 0 | ||
#336633 | #363 | 51 | 102 | 51 | ||
#336666 | #366 | 51 | 102 | 102 | ||
#336699 | #369 | 51 | 102 | 153 | ||
#3366cc | #36c | 51 | 102 | 204 | ||
#3366ff | #36f | 51 | 102 | 255 | ||
#339900 | #390 | 51 | 153 | 0 | ||
#339933 | #393 | 51 | 153 | 51 | ||
#339966 | #396 | 51 | 153 | 102 | ||
#339999 | #399 | 51 | 153 | 153 | ||
#3399cc | #39c | 51 | 153 | 204 | ||
#3399ff | #39f | 51 | 153 | 255 | ||
#33cc00 | #3c0 | 51 | 204 | 0 | ||
#33cc33 | #3c3 | 51 | 204 | 51 | ||
#33cc66 | #3c6 | 51 | 204 | 102 | ||
#33cc99 | #3c9 | 51 | 204 | 153 | ||
#33cccc | #3cc | 51 | 204 | 204 | ||
#33ccff | #3cf | 51 | 204 | 255 | ||
#33ff00 | #3f0 | 51 | 255 | 0 | ||
#33ff33 | #3f3 | 51 | 255 | 51 | ||
#33ff66 | #3f6 | 51 | 255 | 102 | ||
#33ff99 | #3f9 | 51 | 255 | 153 | ||
#33ffcc | #3fc | 51 | 255 | 204 | ||
#33ffff | #3ff | 51 | 255 | 255 | ||
#660000 | #600 | 102 | 0 | 0 | ||
#660033 | #603 | 102 | 0 | 51 | ||
#660066 | #606 | 102 | 0 | 102 | ||
#660099 | #609 | 102 | 0 | 153 | ||
#6600cc | #60c | 102 | 0 | 204 | ||
#6600ff | #60f | 102 | 0 | 255 | ||
#663300 | #630 | 102 | 51 | 0 | ||
#663333 | #633 | 102 | 51 | 51 | ||
#663366 | #636 | 102 | 51 | 102 | ||
#663399 | #639 | 102 | 51 | 153 | ||
#6633cc | #63c | 102 | 51 | 204 | ||
#6633ff | #63f | 102 | 51 | 255 | ||
#666600 | #660 | 102 | 102 | 0 | ||
#666633 | #663 | 102 | 102 | 51 | ||
#666666 | #666 | 102 | 102 | 102 | ||
#666699 | #669 | 102 | 102 | 153 | ||
#6666cc | #66c | 102 | 102 | 204 | ||
#6666ff | #66f | 102 | 102 | 255 | ||
#669900 | #690 | 102 | 153 | 0 | ||
#669933 | #693 | 102 | 153 | 51 | ||
#669966 | #696 | 102 | 153 | 102 | ||
#669999 | #699 | 102 | 153 | 153 | ||
#6699cc | #69c | 102 | 153 | 204 | ||
#6699ff | #69f | 102 | 153 | 255 | ||
#66cc00 | #6c0 | 102 | 204 | 0 | ||
#66cc33 | #6c3 | 102 | 204 | 51 | ||
#66cc66 | #6c6 | 102 | 204 | 102 | ||
#66cc99 | #6c9 | 102 | 204 | 153 | ||
#66cccc | #6cc | 102 | 204 | 204 | ||
#66ccff | #6cf | 102 | 204 | 255 | ||
#66ff00 | #6f0 | 102 | 255 | 0 | ||
#66ff33 | #6f3 | 102 | 255 | 51 | ||
#66ff66 | #6f6 | 102 | 255 | 102 | ||
#66ff99 | #6f9 | 102 | 255 | 153 | ||
#66ffcc | #6fc | 102 | 255 | 204 | ||
#66ffff | #6ff | 102 | 255 | 255 | ||
#990000 | #900 | 153 | 0 | 0 | ||
#990033 | #903 | 153 | 0 | 51 | ||
#990066 | #906 | 153 | 0 | 102 | ||
#990099 | #909 | 153 | 0 | 153 | ||
#9900cc | #90c | 153 | 0 | 204 | ||
#9900ff | #90f | 153 | 0 | 255 | ||
#993300 | #930 | 153 | 51 | 0 | ||
#993333 | #933 | 153 | 51 | 51 | ||
#993366 | #936 | 153 | 51 | 102 | ||
#993399 | #939 | 153 | 51 | 153 | ||
#9933cc | #93c | 153 | 51 | 204 | ||
#9933ff | #93f | 153 | 51 | 255 | ||
#996600 | #960 | 153 | 102 | 0 | ||
#996633 | #963 | 153 | 102 | 51 | ||
#996666 | #966 | 153 | 102 | 102 | ||
#996699 | #969 | 153 | 102 | 153 | ||
#9966cc | #96c | 153 | 102 | 204 | ||
#9966ff | #96f | 153 | 102 | 255 | ||
#999900 | #990 | 153 | 153 | 0 | ||
#999933 | #993 | 153 | 153 | 51 | ||
#999966 | #996 | 153 | 153 | 102 | ||
#999999 | #999 | 153 | 153 | 153 | ||
#9999cc | #99c | 153 | 153 | 204 | ||
#9999ff | #99f | 153 | 153 | 255 | ||
#99cc00 | #9c0 | 153 | 204 | 0 | ||
#99cc33 | #9c3 | 153 | 204 | 51 | ||
#99cc66 | #9c6 | 153 | 204 | 102 | ||
#99cc99 | #9c9 | 153 | 204 | 153 | ||
#99cccc | #9cc | 153 | 204 | 204 | ||
#99ccff | #9cf | 153 | 204 | 255 | ||
#99ff00 | #9f0 | 153 | 255 | 0 | ||
#99ff33 | #9f3 | 153 | 255 | 51 | ||
#99ff66 | #9f6 | 153 | 255 | 102 | ||
#99ff99 | #9f9 | 153 | 255 | 153 | ||
#99ffcc | #9fc | 153 | 255 | 204 | ||
#99ffff | #9ff | 153 | 255 | 255 | ||
#cc0000 | #c00 | 204 | 0 | 0 | ||
#cc0033 | #c03 | 204 | 0 | 51 | ||
#cc0066 | #c06 | 204 | 0 | 102 | ||
#cc0099 | #c09 | 204 | 0 | 153 | ||
#cc00cc | #c0c | 204 | 0 | 204 | ||
#cc00ff | #c0f | 204 | 0 | 255 | ||
#cc3300 | #c30 | 204 | 51 | 0 | ||
#cc3333 | #c33 | 204 | 51 | 51 | ||
#cc3366 | #c36 | 204 | 51 | 102 | ||
#cc3399 | #c39 | 204 | 51 | 153 | ||
#cc33cc | #c3c | 204 | 51 | 204 | ||
#cc33ff | #c3f | 204 | 51 | 255 | ||
#cc6600 | #c60 | 204 | 102 | 0 | ||
#cc6633 | #c63 | 204 | 102 | 51 | ||
#cc6666 | #c66 | 204 | 102 | 102 | ||
#cc6699 | #c69 | 204 | 102 | 153 | ||
#cc66cc | #c6c | 204 | 102 | 204 | ||
#cc66ff | #c6f | 204 | 102 | 255 | ||
#cc9900 | #c90 | 204 | 153 | 0 | ||
#cc9933 | #c93 | 204 | 153 | 51 | ||
#cc9966 | #c96 | 204 | 153 | 102 | ||
#cc9999 | #c99 | 204 | 153 | 153 | ||
#cc99cc | #c9c | 204 | 153 | 204 | ||
#cc99ff | #c9f | 204 | 153 | 255 | ||
#cccc00 | #cc0 | 204 | 204 | 0 | ||
#cccc33 | #cc3 | 204 | 204 | 51 | ||
#cccc66 | #cc6 | 204 | 204 | 102 | ||
#cccc99 | #cc9 | 204 | 204 | 153 | ||
#cccccc | #ccc | 204 | 204 | 204 | ||
#ccccff | #ccf | 204 | 204 | 255 | ||
#ccff00 | #cf0 | 204 | 255 | 0 | ||
#ccff33 | #cf3 | 204 | 255 | 51 | ||
#ccff66 | #cf6 | 204 | 255 | 102 | ||
#ccff99 | #cf9 | 204 | 255 | 153 | ||
#ccffcc | #cfc | 204 | 255 | 204 | ||
#ccffff | #cff | 204 | 255 | 255 | ||
#ff0000 | #f00 | red | 255 | 0 | 0 | |
#ff0033 | #f03 | 255 | 0 | 51 | ||
#ff0066 | #f06 | 255 | 0 | 102 | ||
#ff0099 | #f09 | 255 | 0 | 153 | ||
#ff00cc | #f0c | 255 | 0 | 204 | ||
#ff00ff | #f0f | fuchsia | 255 | 0 | 255 | |
#ff3300 | #f30 | 255 | 51 | 0 | ||
#ff3333 | #f33 | 255 | 51 | 51 | ||
#ff3366 | #f36 | 255 | 51 | 102 | ||
#ff3399 | #f39 | 255 | 51 | 153 | ||
#ff33cc | #f3c | 255 | 51 | 204 | ||
#ff33ff | #f3f | 255 | 51 | 255 | ||
#ff6600 | #f60 | 255 | 102 | 0 | ||
#ff6633 | #f63 | 255 | 102 | 51 | ||
#ff6666 | #f66 | 255 | 102 | 102 | ||
#ff6699 | #f69 | 255 | 102 | 153 | ||
#ff66cc | #f6c | 255 | 102 | 204 | ||
#ff66ff | #f6f | 255 | 102 | 255 | ||
#ff9900 | #f90 | 255 | 153 | 0 | ||
#ff9933 | #f93 | 255 | 153 | 51 | ||
#ff9966 | #f96 | 255 | 153 | 102 | ||
#ff9999 | #f99 | 255 | 153 | 153 | ||
#ff99cc | #f9c | 255 | 153 | 204 | ||
#ff99ff | #f9f | 255 | 153 | 255 | ||
#ffcc00 | #fc0 | 255 | 204 | 0 | ||
#ffcc33 | #fc3 | 255 | 204 | 51 | ||
#ffcc66 | #fc6 | 255 | 204 | 102 | ||
#ffcc99 | #fc9 | 255 | 204 | 153 | ||
#ffcccc | #fcc | 255 | 204 | 204 | ||
#ffccff | #fcf | 255 | 204 | 255 | ||
#ffff00 | #ff0 | yellow | 255 | 255 | 0 | |
#ffff33 | #ff3 | 255 | 255 | 51 | ||
#ffff66 | #ff6 | 255 | 255 | 102 | ||
#ffff99 | #ff9 | 255 | 255 | 153 | ||
#ffffcc | #ffc | 255 | 255 | 204 | ||
#ffffff | #fff | white | 255 | 255 | 255 | |