カラーチャート
216 WEB SAFE COLORS
パソコンの画面(HTML)で色を表示するためには、RGB(Red,Green,Blue)の値をそれぞれ2桁、16進数で指定します。 以下のパレットは、WindowsやMacintoshのシステムカラーで共通に使用されている216色のカラーチャートです。 いろいろなプラットフォームで安定した表示ができることから、Web Safeカラーと呼ばれています。
| #000000 | #003300 | #006600 | #009900 | #00CC00 | #00FF00 | #33FF00 | #33CC00 | #339900 | #336600 | #333300 | #330000 |
| #000033 | #003333 | #006633 | #009933 | #00CC33 | #00FF33 | #33FF33 | #33CC33 | #339933 | #336633 | #333333 | #330033 |
| #000066 | #003366 | #006666 | #009966 | #00CC66 | #00FF66 | #33FF66 | #33CC66 | #339966 | #336666 | #333366 | #330066 |
| #000099 | #003399 | #006699 | #009999 | #00CC99 | #00FF99 | #33FF99 | #33CC99 | #339999 | #336699 | #333399 | #330099 |
| #0000CC | #0033CC | #0066CC | #0099CC | #00CCCC | #00FFCC | #33FFCC | #33CCCC | #3399CC | #3366CC | #3333CC | #3300CC |
| #0000FF | #0033FF | #0066FF | #0099FF | #00CCFF | #00FFFF | #33FFFF | #33CCFF | #3399FF | #3366FF | #3333FF | #3300FF |
| #6600FF | #6633FF | #6666FF | #6699FF | #66CCFF | #66FFFF | #99FFFF | #99CCFF | #9999FF | #9966FF | #9933FF | #9900FF |
| #6600CC | #6633CC | #6666CC | #6699CC | #66CCCC | #66FFCC | #99FFCC | #99CCCC | #9999CC | #9966CC | #9933CC | #9900CC |
| #660099 | #663399 | #666699 | #669999 | #66CC99 | #66FF99 | #99FF99 | #99CC99 | #999999 | #996699 | #993399 | #990099 |
| #660066 | #663366 | #666666 | #669966 | #66CC66 | #66FF66 | #99FF66 | #99CC66 | #999966 | #996666 | #993366 | #990066 |
| #660033 | #663333 | #666633 | #669933 | #66CC33 | #66FF33 | #99FF33 | #99CC33 | #999933 | #996633 | #993333 | #990033 |
| #660000 | #663300 | #666600 | #669900 | #66CC00 | #66FF00 | #99FF00 | #99CC00 | #999900 | #996600 | #993300 | #990000 |
| #CC00FF | #CC33FF | #CC66FF | #CC99FF | #CCCCFF | #CCFFFF | #FF0000 | #FF3300 | #FF6600 | #FF9900 | #FFCC00 | #FFFF00 |
| #CC00CC | #CC33CC | #CC66CC | #CC99CC | #CCCCCC | #CCFFCC | #FF0033 | #FF3333 | #FF6633 | #FF9933 | #FFCC33 | #FFFF33 |
| #CC0099 | #CC3399 | #CC6699 | #CC9999 | #CCCC99 | #CCFF99 | #FF0066 | #FF3366 | #FF6666 | #FF9966 | #FFCC66 | #FFFF66 |
| #CC0066 | #CC3366 | #CC6666 | #CC9966 | #CCCC66 | #CCFF66 | #FF0099 | #FF3399 | #FF6699 | #FF9999 | #FFCC99 | #FFFF99 |
| #CC0033 | #CC3333 | #CC6633 | #CC9933 | #CCCC33 | #CCFF33 | #FF00CC | #FF33CC | #FF66CC | #FF99CC | #FFCCCC | #FFFFCC |
| #CC0000 | #CC3300 | #CC6600 | #CC9900 | #CCCC00 | #CCFF00 | #FF00FF | #FF33FF | #FF66FF | #FF99FF | #FFCCFF | #FFFFFF |
140 COLOR NAME CHART
パソコンの画面(HTML)などで色指定をするときは上記のように「数値」でなく「色名」で指定できる色もあります。
「色名」で指定しても、数値で指定しても、表示される色は同じなのですが、指定する時に名前の方がイメージしやすい場合もあります。
そういった名前のついた140色のカラーチャートが、このチャートです。
| #FFFFFF/ white | #F8F8FF/ ghostwhite | #FFFAF0/ florawhite |
| #F5F5F5/ whitesmoke | #F0F8FF/ aliceblue | #FAEBD7/ antiquewhite |
| #FFFAFA/ snow | #F0FFFF/ azure | #FDF5E6/ oldlace |
| #DCDCDC/ gainsboro | #F5FFFA/ mintcream | #FAF0E6/ linen |
| #D3D3D3/ lightgrey | #ADD8E6/ lightblue | #FFEFD5/ papayawhip |
| #C0C0C0/ silver | #B0C4DE/ lightsteelblue | #FFEBCD/ blanchedalmond |
| #A9A9A9/ darkgray | #4682B4/ steelblue | #FFF8DC/ cornsilk |
| #808080/ gray | #B0E0E6/ powderblue | #FFE4C4/ bisque |
| #696969/ dimgray | #87CEFA/ lightskyblue | #FFE4B5/ moccasin |
| #778899/ lightslategray | #87CEEB/ skyblue | #FFDEAD/ navajowhite |
| #708090/ slategray | #00BFFF/ deepskyblue | #F5DEB3/ wheat |
| #2F4F4F/ darkslategray | #1E90FF/ dodgerblue | #D2B48C/ tan |
| #000000/ black | #6495ED/ cornflowerblue | #DEB887/ burlywood |
| #F0FFF0/ honeydew | #4169E1/ royalblue | #FFFFF0/ ivory |
| #98FB98/ palegreen | #0000FF/ blue | #F5F5DC/ beigec |
| #90EE90/ lightgreen | #0000CD/ mediumblue | #FAFAD2/ lightgoldenrodyellow |
| #ADFF2F/ greenyellow | #00008B/ darkblue | #FFFACD/ lemonchiffon |
| #9ACD32/ yellowgreen | #191970/ midnightblue | #EEE8AA/ palegoldenrod |
| #8FBC8F/ darkseagreen | #483D8B/ darkslateblue | #FFFFE0/ lightyellow |
| #7FFF00/ chartreuse | #000080/ navy | #F0E68C/ khaki |
| #7CFC00/ lawngreen | #4B0082/ indigo | #BDB76B/ darkkhaki |
| #32CD32/ limegreen | #8A2BE2/ blueviolet | #808000/ olive |
| #00FF00/ lime | #9400D3/ darkviolet | #556B2F/ darkolivegreen |
| #00FF7F/ springgreen | #9932CC/ darkorchid | #FFFF00/ yellow |
| #00FA9A/mediumspringgreen | #8B008B/ darkmagenta | #FFD700/ gold |
| #3CB371/ mediumseagreen | #800080/ purple | #DAA520/ goldenrod |
| #2E8B57/ seagreen | #BA55D3/ mediumorchid | #B8860B/ darkgoldenrod |
| #228B22/ forestgreen | #EE82EE/ violet | #CD853F/ peru |
| #008000/ green | #DA70D6/ orchid | #FFA500/ orange |
| #006400/ darkgreen | #DDA0DD/ plum | #FF8C00/ darkorange |
| #6B8E23/ olivedrab | #D8BFD8/ thistle | #FFF5EE/ seashell |
| #008080/ teal | #E6E6FA/ lavender | #FFDAB9/ peachpuff |
| #008B8B/ darkcyan | #FFF0F5/ lavenderblush | #FFA07A/ lightsalmon |
| #20B2AA/ lightseagreen | #FFE4E1/ mistyrose | #FA8072/ salmon |
| #5F9EA0/ cadetblue | #FFC0CB/ pink | #E9967A/ darksalmon |
| #66CDAA/ mediumaquamarine | #FFB6C1/ lightpink | #F08080/ lightcoral |
| #00CED1/ darkturquoise | #FF69B4/ hotpink | #FF7F50/ coral |
| #48D1CC/ mediumturquoise | #FF1493/ deeppink | #CD5C5C/ indianred |
| #40E0D0/ turquoise | #FF00FF/ fuchsia | #FF6347/ tomato |
| #00FFFF/ aqua | #FF00FF/ magenta | #FF4500/ orangered |
| #00FFFF/ cyan | #C71585/ mediumvioletred | #FF0000/ red |
| #7FFFD4/ aquamarine | #DB7093/ palevioletred | #DC143C/ crimson |
| #AFEEEE/ paleturquoise | #BC8F8F/ rosybrown | #B22222/ firebrick |
| #E0FFFF/ lightcyan | #F4A460/ sandybrown | #A52A2A/ brown |
| #6A5ACD/ slateblue | #D2691E/ chocolate | #800000/ maroon |
| #7B68EE/ mediumslateblue | #A0522D/ sienna | #8B0000/ darkred |
| #9370DB/ mediumpurple | #8B4513/ saddlebrown | |