- 最終更新日
- 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)