カラーチャート:WEBセーフカラー216色/RGB基本16色のカラーコード、カラーネーム表

RGBカラーコード、カラーネーム表

● RGB基本16色のカラーコード、カラーネーム

基本16色または標準16色とも呼ばれる。RGBのそれぞれの値の最低値「00」と最高値「ff」との組みあわせの8色と中間値「80」と最低値「00」の組み合わせ8色から重複する#000000(Black)を除き、#C0C0C0(Silver)を加えた16色。
HTMLで「色名(カラーネーム)」で指定して表示が可能な16種類の色。

       
#000000 #808080 #c0c0c0 #ffffff
black gray silver white
       
#800000 #ff0000 #808000 #ffff00
maroon red olive yellow
       
#008000 #00ff00 #008080 #00ffff
green lime teal aqua
       
#000080 #0000ff #800080 #ff00ff
navy blue purple fuchsia

● WEBセーフカラー216色のカラーコード

RGBの三原色をそれぞれ6段階にした「00」「33」「66」「99」「cc」「ff」の6種類のみを組み合わせた216色。環境に左右されることが少なく安心して使うことができるセーフカラー(安全な色)。
現在では、16bitカラー以上が表示可能なモニターが広く普及しており、あまりこの216色に縛られる必要は無くなってきている。

#000000 #003300 #006600 #009900 #00cc00 #00ff00
#000033 #003333 #006633 #009933 #00cc33 #00ff33
#000066 #003366 #006666 #009966 #00cc66 #00ff66
#000099 #003399 #006699 #009999 #00cc99 #00ff99
#0000cc #0033cc #0066cc #0099cc #00cccc #00ffcc
#0000ff #0033ff #0066ff #0099ff #00ccff #00ffff
#330000 #333300 #336600 #339900 #33cc00 #33ff00
#330033 #333333 #336633 #339933 #33cc33 #33ff33
#330066 #333366 #336666 #339966 #33cc66 #33ff66
#330099 #333399 #336699 #339999 #33cc99 #33ff99
#3300cc #3333cc #3366cc #3399cc #33cccc #33ffcc
#3300ff #3333ff #3366ff #3399ff #33ccff #33ffff
#660000 #663300 #666600 #669900 #66cc00 #66ff00
#660033 #663333 #666633 #669933 #66cc33 #66ff33
#660066 #663366 #666666 #669966 #66cc66 #66ff66
#660099 #663399 #666699 #669999 #66cc99 #66ff99
#6600cc #6633cc #6666cc #6699cc #66cccc #66ffcc
#6600ff #6633ff #6666ff #6699ff #66ccff #66ffff
#990000 #993300 #996600 #999900 #99cc00 #99ff00
#990033 #993333 #996633 #999933 #99cc33 #99ff33
#990066 #993366 #996666 #999966 #99cc66 #99ff66
#990099 #993399 #996699 #999999 #99cc99 #99ff99
#9900cc #9933cc #9966cc #9999cc #99cccc #99ffcc
#9900ff #9933ff #9966ff #9999ff #99ccff #99ffff
#cc0000 #cc3300 #cc6600 #cc9900 #cccc00 #ccff00
#cc0033 #cc3333 #cc6633 #cc9933 #cccc33 #ccff33
#cc0066 #cc3366 #cc6666 #cc9966 #cccc66 #ccff66
#cc0099 #cc3399 #cc6699 #cc9999 #cccc99 #ccff99
#cc00cc #cc33cc #cc66cc #cc99cc #cccccc #ccffcc
#cc00ff #cc33ff #cc66ff #cc99ff #ccccff #ccffff
#ff0000 #ff3300 #ff6600 #ff9900 #ffcc00 #ffff00
#ff0033 #ff3333 #ff6633 #ff9933 #ffcc33 #ffff33
#ff0066 #ff3366 #ff6666 #ff9966 #ffcc66 #ffff66
#ff0099 #ff3399 #ff6699 #ff9999 #ffcc99 #ffff99
#ff00cc #ff33cc #ff66cc #ff99cc #ffcccc #ffffcc
#ff00ff #ff33ff #ff66ff #ff99ff #ffccff #ffffff

● カラーネーム140色

色指定をRGBの値ではなく名称で指定することができる140色。
16進数で表されるRGB値よりも覚えやすく色がイメージしやすいというメリットがある一方、環境によってはサポートされていない場合もある。使用には注意が必要である。

#000000   black
#000080   navy
#00008b   darkblue
#0000cd   mediumblue
#0000ff   blue
#006400   darkgreen
#008000   green
#008080   teal
#008b8b   darkcyan
#00bfff   deepskyblue
#00ced1   darkturquoise
#00fa9a   mediumspringgreen
#00ff00   lime
#00ff7f   springgreen
#00ffff   aqua
#00ffff   cyan
#191970   midnightblue
#1e90ff   dodgerblue
#20b2aa   lightseagreen
#228b22   forestgreen
#2e8b57   seagreen
#2f4f4f   darkslategray
#32cd32   limegreen
#3cb371   mediumseagreen
#40e0d0   turquoise
#4169e1   royalblue
#4682b4   steelblue
#483d8b   darkslateblue
#48d1cc   mediumturquoise
#4b0082   indigo
#556b2f   darkolivegreen
#5f9ea0   cadetblue
#6495ed   cornflowerblue
#655acd   slateblue
#66cdaa   mediumaquamarine
#696969   dimgray
#6b8e23   olivedrab
#708090   slategray
#778899   lightslategray
#7b68ee   mediumslateblue
#7cfc00   lawngreen
#7fff00   chartreuse
#7fffd4   aquamarine
#800000   maroon
#800080   purple
#808000   olive
#808080   gray
#87ceeb   skyblue
#87cefa   lightskyblue
#8a2be2   blueviolet
#8b0000   darkred
#8b008b   darkmagenta
#8b4513   saddlebrown
#8fbc8f   darkseagreen
#90ee90   lightgreen
#9370db   mediumpurple
#9400d3   darkviolet
#98fb98   palegreen
#9932cc   darkorchid
#9acd32   yellowgreen
#a0522d   sienna
#a52a2a   brown
#a9a9a9   darkgray
#add8e6   lightblue
#adff2f   greenyellow
#afeeee   paleturquoise
#b0c4de   lightsteelblue
#b0e0e6   powderblue
#b22222   firebrick
#b886cd   darkgoldenrod
#ba55d3   mediumorchid
#bc8f8f   rosybrown
#bdb76b   darkkhaki
#c0c0c0   silver
#c71585   mediumvioletred
#cd5c5c   indianred
#cd853f   peru
#d2691e   chocolate
#d2b48c   tan
#d3d3d3   lightgrey
#d8bfd8   thistle
#da70d6   orchid
#daa520   goldenrod
#db7093   palevioletred
#dc143c   crimson
#dcdcdc   gainsboro
#dda0dd   plum
#deb887   burlywood
#e0ffff   lightcyan
#e6e6fa   lavender
#e9967a   darksalmon
#ee82ee   violet
#eee8aa   palegoldenrod
#f08080   lightcoral
#f0e68c   khaki
#f0f8ff   aliceblue
#f0fff0   honeydew
#f0ffff   azure
#f4a460   sandybrown
#f5deb3   wheat
#f5f5dc   beige
#f5f5f5   whitesmoke
#f5fffa   mintcream
#f8f8ff   ghostwhite
#fa8072   salmon
#faebd7   antiquewhite
#faf0e6   linen
#fafad2   lightgoldenrodyellow
#fdf5e6   oldlace
#ff0000   red
#ff00ff   fuchsia
#ff00ff   magenta
#ff1493   deeppink
#ff4500   orangered
#ff6347   tomato
#ff69b4   hotpink
#ff7f50   coral
#ff8c00   darkorange
#ffa07a   lightsalmon
#ffa500   orange
#ffb6c1   lightpink
#ffc0cb   pink
#ffd700   gold
#ffdab9   peachpuff
#ffdead   navajowhite
#ffe4b5   moccasin
#ffe4c4   bisque
#ffe4e1   mistyrose
#ffebcd   blanchedalmond
#ffefd5   papayawhip
#fff0f5   lavenderblush
#fff5ee   seashell
#fff8dc   cornsilk
#fffacd   lemonchiffon
#fffaf0   floralwhite
#fffafa   snow
#ffff00   yellow
#ffffe0   lightyellow
#fffff0   ivory
#ffffff   white
カラーコード(チャート)
HTML特殊文字コード
都道府県一覧リスト
生年月日、年齢、星座、血液型リスト