CSS 色名と色見本

CSS Color 4 の名前付き色 148 語を HEX・RGB とともに一覧表示。名前やコードで絞り込み、CSV と色見本 PNG を保存できます。同じ値の別名も含みます。

色表を絞り込む

148 / 148 色。保存する内容は下の色表と同じです。

色見本・名前	HEX / RGB	使う
aliceblue	`#F0F8FF` rgb(240 248 255)	詳しく
antiquewhite	`#FAEBD7` rgb(250 235 215)	詳しく
aqua	`#00FFFF` rgb(0 255 255)	詳しく
aquamarine	`#7FFFD4` rgb(127 255 212)	詳しく
azure	`#F0FFFF` rgb(240 255 255)	詳しく
beige	`#F5F5DC` rgb(245 245 220)	詳しく
bisque	`#FFE4C4` rgb(255 228 196)	詳しく
black	`#000000` rgb(0 0 0)	詳しく
blanchedalmond	`#FFEBCD` rgb(255 235 205)	詳しく
blue	`#0000FF` rgb(0 0 255)	詳しく
blueviolet	`#8A2BE2` rgb(138 43 226)	詳しく
brown	`#A52A2A` rgb(165 42 42)	詳しく
burlywood	`#DEB887` rgb(222 184 135)	詳しく
cadetblue	`#5F9EA0` rgb(95 158 160)	詳しく
chartreuse	`#7FFF00` rgb(127 255 0)	詳しく
chocolate	`#D2691E` rgb(210 105 30)	詳しく
coral	`#FF7F50` rgb(255 127 80)	詳しく
cornflowerblue	`#6495ED` rgb(100 149 237)	詳しく
cornsilk	`#FFF8DC` rgb(255 248 220)	詳しく
crimson	`#DC143C` rgb(220 20 60)	詳しく
cyan	`#00FFFF` rgb(0 255 255)	詳しく
darkblue	`#00008B` rgb(0 0 139)	詳しく
darkcyan	`#008B8B` rgb(0 139 139)	詳しく
darkgoldenrod	`#B8860B` rgb(184 134 11)	詳しく
darkgray	`#A9A9A9` rgb(169 169 169)	詳しく
darkgreen	`#006400` rgb(0 100 0)	詳しく
darkgrey	`#A9A9A9` rgb(169 169 169)	詳しく
darkkhaki	`#BDB76B` rgb(189 183 107)	詳しく
darkmagenta	`#8B008B` rgb(139 0 139)	詳しく
darkolivegreen	`#556B2F` rgb(85 107 47)	詳しく
darkorange	`#FF8C00` rgb(255 140 0)	詳しく
darkorchid	`#9932CC` rgb(153 50 204)	詳しく
darkred	`#8B0000` rgb(139 0 0)	詳しく
darksalmon	`#E9967A` rgb(233 150 122)	詳しく
darkseagreen	`#8FBC8F` rgb(143 188 143)	詳しく
darkslateblue	`#483D8B` rgb(72 61 139)	詳しく
darkslategray	`#2F4F4F` rgb(47 79 79)	詳しく
darkslategrey	`#2F4F4F` rgb(47 79 79)	詳しく
darkturquoise	`#00CED1` rgb(0 206 209)	詳しく
darkviolet	`#9400D3` rgb(148 0 211)	詳しく
deeppink	`#FF1493` rgb(255 20 147)	詳しく
deepskyblue	`#00BFFF` rgb(0 191 255)	詳しく
dimgray	`#696969` rgb(105 105 105)	詳しく
dimgrey	`#696969` rgb(105 105 105)	詳しく
dodgerblue	`#1E90FF` rgb(30 144 255)	詳しく
firebrick	`#B22222` rgb(178 34 34)	詳しく
floralwhite	`#FFFAF0` rgb(255 250 240)	詳しく
forestgreen	`#228B22` rgb(34 139 34)	詳しく
fuchsia	`#FF00FF` rgb(255 0 255)	詳しく
gainsboro	`#DCDCDC` rgb(220 220 220)	詳しく
ghostwhite	`#F8F8FF` rgb(248 248 255)	詳しく
gold	`#FFD700` rgb(255 215 0)	詳しく
goldenrod	`#DAA520` rgb(218 165 32)	詳しく
gray	`#808080` rgb(128 128 128)	詳しく
green	`#008000` rgb(0 128 0)	詳しく
greenyellow	`#ADFF2F` rgb(173 255 47)	詳しく
grey	`#808080` rgb(128 128 128)	詳しく
honeydew	`#F0FFF0` rgb(240 255 240)	詳しく
hotpink	`#FF69B4` rgb(255 105 180)	詳しく
indianred	`#CD5C5C` rgb(205 92 92)	詳しく
indigo	`#4B0082` rgb(75 0 130)	詳しく
ivory	`#FFFFF0` rgb(255 255 240)	詳しく
khaki	`#F0E68C` rgb(240 230 140)	詳しく
lavender	`#E6E6FA` rgb(230 230 250)	詳しく
lavenderblush	`#FFF0F5` rgb(255 240 245)	詳しく
lawngreen	`#7CFC00` rgb(124 252 0)	詳しく
lemonchiffon	`#FFFACD` rgb(255 250 205)	詳しく
lightblue	`#ADD8E6` rgb(173 216 230)	詳しく
lightcoral	`#F08080` rgb(240 128 128)	詳しく
lightcyan	`#E0FFFF` rgb(224 255 255)	詳しく
lightgoldenrodyellow	`#FAFAD2` rgb(250 250 210)	詳しく
lightgray	`#D3D3D3` rgb(211 211 211)	詳しく
lightgreen	`#90EE90` rgb(144 238 144)	詳しく
lightgrey	`#D3D3D3` rgb(211 211 211)	詳しく
lightpink	`#FFB6C1` rgb(255 182 193)	詳しく
lightsalmon	`#FFA07A` rgb(255 160 122)	詳しく
lightseagreen	`#20B2AA` rgb(32 178 170)	詳しく
lightskyblue	`#87CEFA` rgb(135 206 250)	詳しく
lightslategray	`#778899` rgb(119 136 153)	詳しく
lightslategrey	`#778899` rgb(119 136 153)	詳しく
lightsteelblue	`#B0C4DE` rgb(176 196 222)	詳しく
lightyellow	`#FFFFE0` rgb(255 255 224)	詳しく
lime	`#00FF00` rgb(0 255 0)	詳しく
limegreen	`#32CD32` rgb(50 205 50)	詳しく
linen	`#FAF0E6` rgb(250 240 230)	詳しく
magenta	`#FF00FF` rgb(255 0 255)	詳しく
maroon	`#800000` rgb(128 0 0)	詳しく
mediumaquamarine	`#66CDAA` rgb(102 205 170)	詳しく
mediumblue	`#0000CD` rgb(0 0 205)	詳しく
mediumorchid	`#BA55D3` rgb(186 85 211)	詳しく
mediumpurple	`#9370DB` rgb(147 112 219)	詳しく
mediumseagreen	`#3CB371` rgb(60 179 113)	詳しく
mediumslateblue	`#7B68EE` rgb(123 104 238)	詳しく
mediumspringgreen	`#00FA9A` rgb(0 250 154)	詳しく
mediumturquoise	`#48D1CC` rgb(72 209 204)	詳しく
mediumvioletred	`#C71585` rgb(199 21 133)	詳しく
midnightblue	`#191970` rgb(25 25 112)	詳しく
mintcream	`#F5FFFA` rgb(245 255 250)	詳しく
mistyrose	`#FFE4E1` rgb(255 228 225)	詳しく
moccasin	`#FFE4B5` rgb(255 228 181)	詳しく
navajowhite	`#FFDEAD` rgb(255 222 173)	詳しく
navy	`#000080` rgb(0 0 128)	詳しく
oldlace	`#FDF5E6` rgb(253 245 230)	詳しく
olive	`#808000` rgb(128 128 0)	詳しく
olivedrab	`#6B8E23` rgb(107 142 35)	詳しく
orange	`#FFA500` rgb(255 165 0)	詳しく
orangered	`#FF4500` rgb(255 69 0)	詳しく
orchid	`#DA70D6` rgb(218 112 214)	詳しく
palegoldenrod	`#EEE8AA` rgb(238 232 170)	詳しく
palegreen	`#98FB98` rgb(152 251 152)	詳しく
paleturquoise	`#AFEEEE` rgb(175 238 238)	詳しく
palevioletred	`#DB7093` rgb(219 112 147)	詳しく
papayawhip	`#FFEFD5` rgb(255 239 213)	詳しく
peachpuff	`#FFDAB9` rgb(255 218 185)	詳しく
peru	`#CD853F` rgb(205 133 63)	詳しく
pink	`#FFC0CB` rgb(255 192 203)	詳しく
plum	`#DDA0DD` rgb(221 160 221)	詳しく
powderblue	`#B0E0E6` rgb(176 224 230)	詳しく
purple	`#800080` rgb(128 0 128)	詳しく
rebeccapurple	`#663399` rgb(102 51 153)	詳しく
red	`#FF0000` rgb(255 0 0)	詳しく
rosybrown	`#BC8F8F` rgb(188 143 143)	詳しく
royalblue	`#4169E1` rgb(65 105 225)	詳しく
saddlebrown	`#8B4513` rgb(139 69 19)	詳しく
salmon	`#FA8072` rgb(250 128 114)	詳しく
sandybrown	`#F4A460` rgb(244 164 96)	詳しく
seagreen	`#2E8B57` rgb(46 139 87)	詳しく
seashell	`#FFF5EE` rgb(255 245 238)	詳しく
sienna	`#A0522D` rgb(160 82 45)	詳しく
silver	`#C0C0C0` rgb(192 192 192)	詳しく
skyblue	`#87CEEB` rgb(135 206 235)	詳しく
slateblue	`#6A5ACD` rgb(106 90 205)	詳しく
slategray	`#708090` rgb(112 128 144)	詳しく
slategrey	`#708090` rgb(112 128 144)	詳しく
snow	`#FFFAFA` rgb(255 250 250)	詳しく
springgreen	`#00FF7F` rgb(0 255 127)	詳しく
steelblue	`#4682B4` rgb(70 130 180)	詳しく
tan	`#D2B48C` rgb(210 180 140)	詳しく
teal	`#008080` rgb(0 128 128)	詳しく
thistle	`#D8BFD8` rgb(216 191 216)	詳しく
tomato	`#FF6347` rgb(255 99 71)	詳しく
turquoise	`#40E0D0` rgb(64 224 208)	詳しく
violet	`#EE82EE` rgb(238 130 238)	詳しく
wheat	`#F5DEB3` rgb(245 222 179)	詳しく
white	`#FFFFFF` rgb(255 255 255)	詳しく
whitesmoke	`#F5F5F5` rgb(245 245 245)	詳しく
yellow	`#FFFF00` rgb(255 255 0)	詳しく
yellowgreen	`#9ACD32` rgb(154 205 50)	詳しく

色見本を1枚の図で見る

CSS 色名と色見本の色見本。各色のHEXコードを併記。 — 掲載データから作成した画面用の色見本。実物の色票ではありません。操作できる一覧は上にあります。

W3C CSS Color 4 · CSS Color 4 named colors; color-name 1.1.4 · 確認 2026-10-13。transparent と currentColor は固定の不透明色名ではないため、この148語には含みません。

このページの情報を訂正する