• 最終更新日
  • CSS

英語表記できるHTMLカラーコード一覧!16進数とRGBの値も一緒にチェック

なんとCSSで表現できる色は1677万7216色もあります!

ホームページを作るうえでメインとなる色やアクセントとして使う色を決めたりするんですが、カラー選別の際にこちらの色見本を参考になさってください。

CSSでカラーを指定する時の値は「英語表記」「16進数」「RGB値」の3種類のいずれかを記述すればOKです!「RGB値」を指定の場合は透明度も併せて指定することができます。

モノクロのカラー

White
英語 : white 16進数 : #ffffff rgb : rgb(255,255,255)
White Smoke
英語 : whitesmoke 16進数 : #f5f5f5 rgb : rgb(245,245,245)
Gainsboro
英語 : gainsboro 16進数 : #dcdcdc rgb : rgb(220,220,220)
Light Gray
英語 : lightgray 16進数 : #d3d3d3 rgb : rgb(211,211,211)
Silver
英語 : silver 16進数 : #c0c0c0 rgb : rgb(192,192,192)
Dark Gray
英語 : darkgray 16進数 : #a9a9a9 rgb : rgb(169,169,169)
Gray
英語 : gray 16進数 : #808080 rgb : rgb(128,128,128)
Dimgray
英語 : dimgray 16進数 : #696969 rgb : rgb(105,105,105)
Black
英語 : black 16進数 : #000000 rgb : rgb(0,0,0)

赤系のカラー

Crimson
英語 : crimson 16進数 : #dc143c rgb : rgb(220,20,60)
Red
英語 : red 16進数 : #ff0000 rgb : rgb(255,0,0)
Dark Red
英語 : darkred 16進数 : #8b0000 rgb : rgb(139,0,0)
Light Coral
英語 : lightcoral 16進数 : #f08080 rgb : rgb(240,128,128)
Rosy Brown
英語 : rosybrown 16進数 : #bc8f8f rgb : rgb(188,143,143)
Indian Red
英語 : indianred 16進数 : #cd5c5c rgb : rgb(205,92,92)
Salmon
英語 : salmon 16進数 : #fa8072 rgb : rgb(250,128,114)
Dark Salmon
英語 : darksalmon 16進数 : #e9967a rgb : rgb(233,150,122)
Light Salmon
英語 : lightsalmon 16進数 : #ffa07a rgb : rgb(255,160,122)
Tomato
英語 : tomato 16進数 : #ff6347 rgb : rgb(255,99,71)
Fire Brick
英語 : firebrick 16進数 : #b22222 rgb : rgb(178,34,34)
Brown
英語 : brown 16進数 : #a52a2a rgb : rgb(165,42,42)
Maroon
英語 : maroon 16進数 : #800000 rgb : rgb(128,0,0)

オレンジ系のカラー

Sea Shell
英語 : seashell 16進数 : #fff5ee rgb : rgb(255,245,238)
Linen
英語 : linen 16進数 : #faf0e6 rgb : rgb(250,240,230)
Misty Rose
英語 : mistyrose 16進数 : #ffe4e1 rgb : rgb(255,228,225)
Orange Red
英語 : orangered 16進数 : #ff4500 rgb : rgb(255,69,0)
Coral
英語 : coral 16進数 : #ff7f50 rgb : rgb(255,127,80)
Chocolate
英語 : chocolate 16進数 : #d2691e rgb : rgb(210,105,30)
Sienna
英語 : sienna 16進数 : #a0522d rgb : rgb(160,82,45)
Saddle Brown
英語 : saddlebrown 16進数 : #8b4513 rgb : rgb(139,69,19)
Bisque
英語 : bisque 16進数 : #ffe4c4 rgb : rgb(255,228,196)
Peach Puff
英語 : peachpuff 16進数 : #ffdab9 rgb : rgb(255,218,185)
Sandy Brown
英語 : sandybrown 16進数 : #f4a460 rgb : rgb(244,164,96)
Papaya Whip
英語 : papayawhip 16進数 : #ffefd5 rgb : rgb(255,239,213)
Burly Wood
英語 : burlywood 16進数 : #deb887 rgb : rgb(222,184,135)
Tan
英語 : tan 16進数 : #d2b48c rgb : rgb(210,180,140)
Peru
英語 : peru 16進数 : #cd853f rgb : rgb(205,133,63)
Navajo White
英語 : navajowhite 16進数 : #ffdead rgb : rgb(255,222,173)
Orange
英語 : orange 16進数 : #ffa500 rgb : rgb(255,165,0)
Dark Orange
英語 : darkorange 16進数 : #ff8c00 rgb : rgb(255,140,0)

黄系のカラー

Floral White
英語 : floralwhite 16進数 : #fffaf0 rgb : rgb(255,250,240)
Oldlace
英語 : oldlace 16進数 : #fdf5e6 rgb : rgb(253,245,230)
Antique White
英語 : antiquewhite 16進数 : #faebd7 rgb : rgb(250,235,215)
Blanched Almond
英語 : blanchedalmond 16進数 : #ffebcd rgb : rgb(255,235,205)
Moccasin
英語 : moccasin 16進数 : #ffe4b5 rgb : rgb(255,228,181)
Wheat
英語 : wheat 16進数 : #f5deb3 rgb : rgb(245,222,179)
Corn Silk
英語 : cornsilk 16進数 : #fff8dc rgb : rgb(255,248,220)
Light Yellow
英語 : lightyellow 16進数 : #ffffe0 rgb : rgb(255,255,224)
Light Goldenrod Yellow
英語 : lightgoldenrodyellow 16進数 : #fafad2 rgb : rgb(250,250,210)
Lemon Chiffon
英語 : lemonchiffon 16進数 : #fffacd rgb : rgb(255,250,205)
Yellow
英語 : yellow 16進数 : #ffff00 rgb : rgb(255,255,0)
Beige
英語 : beige 16進数 : #f5f5dc rgb : rgb(245,245,220)
Pale Goldenrod
英語 : palegoldenrod 16進数 : #eee8aa rgb : rgb(238,232,170)
Gold
英語 : gold 16進数 : #ffd700 rgb : rgb(255,215,0)
Goldenrod
英語 : goldenrod 16進数 : #daa520 rgb : rgb(218,165,32)
Dark Goldenrod
英語 : darkgoldenrod 16進数 : #b8860b rgb : rgb(0,250,154)
Khaki
英語 : khaki 16進数 : #f0e68c rgb : rgb(240,230,140)
Dark Khaki
英語 : darkkhaki 16進数 : #bdb76b rgb : rgb(189,183,107)
Green Yellow
英語 : greenyellow 16進数 : #adff2f rgb : rgb(173,255,47)

緑系のカラー

Chartreuse
英語 : chartreuse 16進数 : #7fff00 rgb : rgb(127,255,0)
Lawn Yellow
英語 : lawngreen 16進数 : #7cfc00 rgb : rgb(124,252,0)
Yellow Green
英語 : yellowgreen 16進数 : #9acd32 rgb : rgb(154,205,50)
Lime
英語 : lime 16進数 : #00ff00 rgb : rgb(0,255,0)
Olive
英語 : olive 16進数 : #808000 rgb : rgb(128,128,0)
Olive Drab
英語 : olivedrab 16進数 : #6b8e23 rgb : rgb(107,142,35)
Dark Olive Green
英語 : darkolivegreen 16進数 : #556b2f rgb : rgb(85,107,47)
Honey Dew
英語 : honeydew 16進数 : #f0fff0 rgb : rgb(240,255,240)
Pale Green
英語 : palegreen 16進数 : #98fb98 rgb : rgb(152,251,152)
Light Green
英語 : lightgreen 16進数 : #90ee90 rgb : rgb(144,238,144)
Lime Green
英語 : limegreen 16進数 : #32cd32 rgb : rgb(50,205,50)
Forest Green
英語 : forestgreen 16進数 : #228b22 rgb : rgb(34,139,34)
Green
英語 : green 16進数 : #008000 rgb : rgb(0,128,0)
Dark Green
英語 : darkgreen 16進数 : #006400 rgb : rgb(0,100,0)
Spring Green
英語 : springgreen 16進数 : #00ff7f rgb : rgb(0,255,127)
Medium Spring Green
英語 : mediumspringgreen 16進数 : #00fa9a rgb : rgb(0,250,154)
Dark Sea Green
英語 : darkseagreen 16進数 : #8fbc8f rgb : rgb(143,188,143)
Medium Sea Green
英語 : mediumseagreen 16進数 : #3cb371 rgb : rgb(60,179,113)
Sea Green
英語 : seagreen 16進数 : #2e8b57 rgb : rgb(46,139,87)
Medium Aquamarine
英語 : mediumaquamarine 16進数 : #66cdaa rgb : rgb(102,205,170)
Light Sea Green
英語 : lightseagreen 16進数 : #20b2aa rgb : rgb(32,178,170)
Dark Cyan
英語 : darkcyan 16進数 : #008b8b rgb : rgb(0,139,139)
Teal
英語 : teal 16進数 : #008080 rgb : rgb(0,128,128)
Dark Slate Gray
英語 : darkslategray 16進数 : #2f4f4f rgb : rgb(47,79,79)

青系のカラー

Azure
英語 : azure 16進数 : #f0ffff rgb : rgb(240,255,255)
Aquamarine
英語 : aquamarine 16進数 : #7fffd4 rgb : rgb(127,255,212)
Turquoise
英語 : turquoise 16進数 : #40e0d0 rgb : rgb(64,224,208)
Dark Turquoise
英語 : darkturquoise 16進数 : #00ced1 rgb : rgb(0,206,209)
Medium Turquoise
英語 : mediumturquoise 16進数 : #48d1cc rgb : rgb(72,209,204)
Cadet Blue
英語 : cadetblue 16進数 : #5f9ea0 rgb : rgb(95,158,160)
Mint Cream
英語 : mintcream 16進数 : #f5fffa rgb : rgb(245,255,250)
Alice Blue
英語 : aliceblue 16進数 : #f0f8ff rgb : rgb(240,248,255)
Light Cyan
英語 : lightcyan 16進数 : #e0ffff rgb : rgb(224,255,255)
Cyan
英語 : cyan 16進数 : #00ffff rgb : rgb(0,255,255)
Pale Turquoise
英語 : paleturquoise 16進数 : #afeeee rgb : rgb(175,238,238)
Powder Blue
英語 : powderblue 16進数 : #b0e0e6 rgb : rgb(176,224,230)
Light Blue
英語 : lightblue 16進数 : #add8e6 rgb : rgb(173,216,230)
Light Sky Blue
英語 : lightskyblue 16進数 : #87cefa rgb : rgb(135,206,250)
Sky Blue
英語 : skyblue 16進数 : #87ceeb rgb : rgb(135,206,235)
Deep Sky Blue
英語 : deepskyblue 16進数 : #00bfff rgb : rgb(0,191,255)
Dodger Blue
英語 : dodgerblue 16進数 : #1e90ff rgb : rgb(30,144,255)
Light Steel Blue
英語 : lightsteelblue 16進数 : #b0c4de rgb : rgb(176,196,222)
Slate Gray
英語 : slategray 16進数 : #708090 rgb : rgb(112,128,144)
Light Slate Gray
英語 : lightslategray 16進数 : #778899 rgb : rgb(119,136,153)
Steel Blue
英語 : steelblue 16進数 : #4682b4 rgb : rgb(70,130,180)
Cornflower Blue
英語 : cornflowerblue 16進数 : #6495ed rgb : rgb(100,149,237)
Royal Blue
英語 : royalblue 16進数 : #4169e1 rgb : rgb(65,105,225)
Blue
英語 : blue 16進数 : #0000ff rgb : rgb(0,0,255)
Medium Blue
英語 : mediumblue 16進数 : #0000cd rgb : rgb(0,0,205)
Dark Blue
英語 : darkblue 16進数 : #00008b rgb : rgb(0,0,139)
Navy
英語 : navy 16進数 : #000080 rgb : rgb(0,0,128)
Midnight Blue
英語 : midnightblue 16進数 : #191970 rgb : rgb(25,25,112)
Medium Slate Blue
英語 : mediumslateblue 16進数 : #7b68ee rgb : rgb(123,104,238)
Slate Blue
英語 : slateblue 16進数 : #6a5acd rgb : rgb(106,90,205)
Dark Slate Blue
英語 : darkslateblue 16進数 : #483d8b rgb : rgb(72,61,139)

紫系のカラー

Lavender
英語 : lavender 16進数 : #e6e6fa rgb : rgb(230,230,250)
Medium Purple
英語 : mediumpurple 16進数 : #9370db rgb : rgb(147,112,219)
Blue Violet
英語 : blueviolet 16進数 : #8a2be2 rgb : rgb(138,43,226)
Lavender Blush
英語 : lavenderblush 16進数 : #fff0f5 rgb : rgb(255,240,245)
Medium Orchid
英語 : mediumorchid 16進数 : #ba55d3 rgb : rgb(186,85,211)
Dark Orchid
英語 : darkorchid 16進数 : #9932cc rgb : rgb(153,50,204)
Indigo
英語 : indigo 16進数 : #4b0082 rgb : rgb(75,0,130)
Thistle
英語 : thistle 16進数 : #d8bfd8 rgb : rgb(216,191,216)
Violet
英語 : violet 16進数 : #ee82ee rgb : rgb(238,130,238)
Orchid
英語 : orchid 16進数 : #da70d6 rgb : rgb(218,112,214)
Dark Violet
英語 : darkviolet 16進数 : #9400d3 rgb : rgb(148,0,211)
Plum
英語 : plum 16進数 : #dda0dd rgb : rgb(221,160,221)
Magenta
英語 : magenta 16進数 : #ff00ff rgb : rgb(255,0,255)
Dark Magenta
英語 : darkmagenta 16進数 : #8b008b rgb : rgb(139,0,139)
Purple
英語 : purple 16進数 : #800080 rgb : rgb(128,0,128)
Medium Violet Red
英語 : mediumvioletred 16進数 : #c71585 rgb : rgb(199,21,133)
Deep Pink
英語 : deeppink 16進数 : #ff1493 rgb : rgb(255,20,147)
Pink
英語 : pink 16進数 : #ffc0cb rgb : rgb(255,192,203)
Light Pink
英語 : lightpink 16進数 : #ffb6c1 rgb : rgb(255,182,193)
Hot Pink
英語 : hotpink 16進数 : #ff69b4 rgb : rgb(255,105,180)
Pale Violet Red
英語 : palevioletred 16進数 : #db7093 rgb : rgb(219,112,147)

ホームページの簡単な作り方以外にも
お得な情報や日常を紹介するブログも是非どうぞ!
Webに関連するレンタルサーバーなどの特徴・料金比較や、
個人的に挑戦している資格取得についての勉強法やグルメなどを紹介しています。