インデックスカラー【indexed color】パレットカラー / palette color

概要

インデックスカラー（indexed color）とは、画像データなどの色形式の一つで、使用する色を決まった数だけあらかじめ選んで通し番号をつけておき、色の指定に番号を用いる色表現方式。色数には256色が使われることが多く、画像の容量を小さくするのに有効な方式である。

コンピュータでは通常、光の三原色（RGB）の各要素の強さの組み合わせて色を表現するが、インデックスカラー形式では、必要な色を選んで番号をつけ、各画素にはRGB形式の色情報ではなく色番号で色を指定していく。

表示や変換を行うときには、色番号とRGB形式の対応表（カラールックアップテーブル）を元に、各画素に実際の色表現が割り付けられていく。例えば、色番号「0」にRGBコード「FF0000」（赤）が対応付けられていれば、その画像の画素の中で色が「0」に指定されているものは「FF0000」で塗りつぶされる。

この方式は絵の具をパレットに出して色を塗るのに似ているため、インデックスカラーのことを「パレットカラー」、カラールックアップテーブルを「カラーパレット」と呼ぶこともある。画像データのGIF形式やPNG8形式では、2色から256色までのインデックスカラーを指定することができる。

(2023.12.14更新)

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`

インデックスカラー 【indexed color】 パレットカラー / palette color

概要

関連用語

HTMLのカラーネーム

Webセーフカラー

インデックスカラー【indexed color】パレットカラー / palette color