カラーコード 【color code】 色コード

概要

カラーコード(color code)とは、色を一定の形式の符号で表したものや、色(の組み合わせ)で何らかの符号を表したもの。IT分野では一般に前者を指すことが多く、記号や英数字を組み合わせた色データの表記法を意味する。

HTMLやCSSのカラーコード

カラーコードの有名な例として、Webページの記述などに用いるHTMLCSSの色指定に使われる色の符号体系がある。色を赤(R:Red)、緑(G:Green)、青(B:Blue)の光の三原色の強度の組み合わせとして表現するもので、「#」に続けて6桁の16進数を記載する。

6桁の内訳は、先頭2桁が赤の強度を「00」から「ff」(十進数の255)までの256段階で表したもの、中2桁が同様に緑の強度を、末尾2桁が同様に青の強度を表したものとなっている。各色256段階の組み合わせにより、「#000000」(黒)から「#ffffff」(白)まで、合わせて1677万7216色を表現することができる。

一部の色には “red” (赤/#ff0000)や “cyan” (水色/#00ffff)など名前がついており、コードに代えて名前で指定することもできる。この色の名前のことを「カラーネーム」(color name)という。

色による符号

装置や器具などでは、同じ形や大きさの装置に複数の異なる種類がある場合などに、塗装された色の組み合わせによって識別できるようにしているものがある。有名な例は電子部品の抵抗器のカラーコードで、本体部分に塗られたの4~6本の帯の色の組み合わせが抵抗値や誤差を表している。

(2020.8.8更新)

HTMLのカラーネーム

#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
#663399 RebeccaPurple
#66CDAA MediumAquamarine
#696969 DimGray
#6A5ACD SlateBlue
#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
#8B4513 SaddleBrown
#8FBC8F DarkSeaGreen
#90EE90 LightGreen
#9370DB MediumPurple
#9400D3 DarkViolet
#98FB98 PaleGreen
#9932CC DarkOrchid
#9ACD32 YellowGreen
#A0522D Sienna
#A0CE00 AliceBlue
#A52A2A Brown
#A9A9A9 DarkGray
#ADD8E6 LightBlue
#ADFF2F GreenYellow
#AFEEEE PaleTurquoise
#B0C4DE LightSteelBlue
#B0E0E6 PowderBlue
#B22222 FireBrick
#B8860B DarkGoldenRod
#BA55D3 MediumOrchid
#BC8F8F RosyBrown
#BD008B DarkMagenta
#BDB76B DarkKhaki
#C0C0C0 Silver
#C71585 MediumVioletred
#CD5C5C IndianRed
#CD853F Peru
#D2691E Chocolate
#D2B486 Tan
#D3D3D3 LightGray
#D8BFDB 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
#F0FFF0 HoneyDew
#F0FFFF Azure
#F4A460 SandyBrown
#F5DEB3 Wheat
#F5F5DC Beige
#F5F5F5 WhiteSmoke
#F5FFFA MintCream
#F8F8FF GhostWhite
#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

Webセーフカラー

#000000 #000033 #000066 #000099 #0000CC #0000FF #3300FF #3300CC #330099 #330066 #330033 #330000
#003300 #003333 #003366 #003399 #0033CC #0033FF #3333FF #3333CC #333399 #333366 #333333 #333300
#006600 #006633 #006666 #006699 #0066CC #0066FF #3366FF #3366CC #336699 #336666 #336633 #336600
#009900 #009933 #009966 #009999 #0099CC #0099FF #3399FF #3399CC #339999 #339966 #339933 #339900
#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF #33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00
#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF #33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF #99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF #99CCFF #99CCCC #99CC99 #99CC00 #99CC33 #99CC66
#669900 #669933 #669966 #669999 #6699CC #6699FF #9999FF #9999CC #999999 #999966 #999933 #999900
#666600 #666633 #666666 #666699 #6666CC #6666FF #9966FF #9966CC #996699 #996666 #996633 #996600
#663300 #663333 #663366 #663399 #6633CC #6633FF #9933FF #9933CC #993399 #993366 #993333 #993300
#660000 #660033 #660066 #660099 #6600CC #6600FF #9900FF #9900CC #990099 #990066 #990033 #990000
#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF #CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF #CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF #CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF #CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF #CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF #CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00