RGB カラー値の 16 進数
「カラー値変換は、RGB カラーと 16 進カラーを変換するためのツールです。16 進数から RGB へのカラー変換、瞬時の入力および対応するカラー値の瞬時の生成。
色の値
入力例 (大文字と小文字は区別されません):
#707B7C
#AAF7DC6F
rgb(72,201,176)
rgba(241,148,138,0.5)
hsl(204,70%,63%)
|
プレビュー |
フォーマット |
変換結果 |
|
|
HEX
|
#345345
|
|
|
RGB
|
rgb(52,83,69)
|
|
|
RGBA
|
rgba(52,83,69,1.000)
|
|
|
ARGB
|
#ff345345
|
|
|
HSL
|
hsl(153,23%,26%)
|
CSSカラーテーブル
HTML および CSS の色の仕様には 147 色の名前が定義されています (標準色 17 色とその他の色 130 色)。これらすべての色とその 16 進値を以下の表に示します。
標準の17色は、aqua, black, blue, fuchsia, gray, green, lime, maroon, navy,olive, orange, purple, red, silver, teal, white, yellow。
gray
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
gainsboro
|
|
#dcdcdc
|
220, 220, 220
|
0, 0%, 86%
|
|
lightgray
|
|
#d3d3d3
|
211, 211, 211
|
0, 0%, 83%
|
|
silver
|
|
#c0c0c0
|
192, 192, 192
|
0, 0%, 75%
|
|
darkgray
|
|
#a9a9a9
|
169, 169, 169
|
0, 0%, 66%
|
|
gray
|
|
#808080
|
128, 128, 128
|
0, 0%, 50%
|
|
dimgray
|
|
#696969
|
105, 105, 105
|
0, 0%, 41%
|
|
lightslategray
|
|
#778899
|
119, 136, 153
|
210, 14%, 53%
|
|
slategray
|
|
#708090
|
112, 128, 144
|
210, 13%, 50%
|
|
darkslategray
|
|
#2f4f4f
|
47, 79, 79
|
180, 25%, 25%
|
|
black
|
|
#000000
|
0, 0, 0
|
0, 0%, 0%
|
red
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
indianred
|
|
#cd5c5c
|
205, 92, 92
|
0, 53%, 58%
|
|
lightcoral
|
|
#f08080
|
240, 128, 128
|
0, 79%, 72%
|
|
salmon
|
|
#fa8072
|
250, 128, 114
|
6, 93%, 71%
|
|
darksalmon
|
|
#e9967a
|
233, 150, 122
|
15, 72%, 70%
|
|
lightsalmon
|
|
#ffa07a
|
255, 160, 122
|
17, 100%, 74%
|
|
crimson
|
|
#dc143c
|
220, 20, 60
|
348, 83%, 47%
|
|
red
|
|
#ff0000
|
255, 0, 0
|
0, 100%, 50%
|
|
firebrick
|
|
#b22222
|
178, 34, 34
|
0, 68%, 42%
|
|
darkred
|
|
#8b0000
|
139, 0, 0
|
0, 100%, 27%
|
orange
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
lightsalmon
|
|
#ffa07a
|
255, 160, 122
|
17, 100%, 74%
|
|
coral
|
|
#ff7f50
|
255, 127, 80
|
16, 100%, 66%
|
|
tomato
|
|
#ff6347
|
255, 99, 71
|
9, 100%, 64%
|
|
orangered
|
|
#ff4500
|
255, 69, 0
|
16, 100%, 50%
|
|
darkorange
|
|
#ff8c00
|
255, 140, 0
|
33, 100%, 50%
|
|
orange
|
|
#ffa500
|
255, 165, 0
|
39, 100%, 50%
|
brown
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
cornsilk
|
|
#fff8dc
|
255, 248, 220
|
48, 100%, 93%
|
|
blanchedalmond
|
|
#ffebcd
|
255, 235, 205
|
36, 100%, 90%
|
|
bisque
|
|
#ffe4c4
|
255, 228, 196
|
33, 100%, 88%
|
|
navajowhite
|
|
#ffdead
|
255, 222, 173
|
36, 100%, 84%
|
|
wheat
|
|
#f5deb3
|
245, 222, 179
|
39, 77%, 83%
|
|
burlywood
|
|
#deb887
|
222, 184, 135
|
34, 57%, 70%
|
|
tan
|
|
#d2b48c
|
210, 180, 140
|
34, 44%, 69%
|
|
rosybrown
|
|
#bc8f8f
|
188, 143, 143
|
0, 25%, 65%
|
|
sandybrown
|
|
#f4a460
|
244, 164, 96
|
28, 87%, 67%
|
|
goldenrod
|
|
#daa520
|
218, 165, 32
|
43, 74%, 49%
|
|
darkgoldenrod
|
|
#b8860b
|
184, 134, 11
|
43, 89%, 38%
|
|
peru
|
|
#cd853f
|
205, 133, 63
|
30, 59%, 53%
|
|
chocolate
|
|
#d2691e
|
210, 105, 30
|
25, 75%, 47%
|
|
saddlebrown
|
|
#8b4513
|
139, 69, 19
|
25, 76%, 31%
|
|
sienna
|
|
#a0522d
|
160, 82, 45
|
19, 56%, 40%
|
|
brown
|
|
#a52a2a
|
165, 42, 42
|
0, 59%, 41%
|
|
maroon
|
|
#800000
|
128, 0, 0
|
0, 100%, 25%
|
blue
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
aqua
|
|
#00ffff
|
0, 255, 255
|
180, 100%, 50%
|
|
cyan
|
|
#00ffff
|
0, 255, 255
|
180, 100%, 50%
|
|
lightcyan
|
|
#e0ffff
|
224, 255, 255
|
180, 100%, 94%
|
|
paleturquoise
|
|
#afeeee
|
175, 238, 238
|
180, 65%, 81%
|
|
aquamarine
|
|
#7fffd4
|
127, 255, 212
|
160, 100%, 75%
|
|
turquoise
|
|
#40e0d0
|
64, 224, 208
|
174, 72%, 56%
|
|
mediumturquoise
|
|
#48d1cc
|
72, 209, 204
|
178, 60%, 55%
|
|
darkturquoise
|
|
#00ced1
|
0, 206, 209
|
181, 100%, 41%
|
|
cadetblue
|
|
#5f9ea0
|
95, 158, 160
|
182, 25%, 50%
|
|
steelblue
|
|
#4682b4
|
70, 130, 180
|
207, 44%, 49%
|
|
lightsteelblue
|
|
#b0c4de
|
176, 196, 222
|
214, 41%, 78%
|
|
powderblue
|
|
#b0e0e6
|
176, 224, 230
|
187, 52%, 80%
|
|
lightblue
|
|
#add8e6
|
173, 216, 230
|
195, 53%, 79%
|
|
skyblue
|
|
#87ceeb
|
135, 206, 235
|
197, 71%, 73%
|
|
lightskyblue
|
|
#87cefa
|
135, 206, 250
|
203, 92%, 75%
|
|
deepskyblue
|
|
#00bfff
|
0, 191, 255
|
195, 100%, 50%
|
|
dodgerblue
|
|
#1e90ff
|
30, 144, 255
|
210, 100%, 56%
|
|
cornflowerblue
|
|
#6495ed
|
100, 149, 237
|
219, 79%, 66%
|
|
mediumslateblue
|
|
#7b68ee
|
123, 104, 238
|
249, 80%, 67%
|
|
royalblue
|
|
#4169e1
|
65, 105, 225
|
225, 73%, 57%
|
|
blue
|
|
#0000ff
|
0, 0, 255
|
240, 100%, 50%
|
|
mediumblue
|
|
#0000cd
|
0, 0, 205
|
240, 100%, 40%
|
|
darkblue
|
|
#00008b
|
0, 0, 139
|
240, 100%, 27%
|
|
navy
|
|
#000080
|
0, 0, 128
|
240, 100%, 25%
|
|
midnightblue
|
|
#191970
|
25, 25, 112
|
240, 64%, 27%
|
green
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
greenyellow
|
|
#adff2f
|
173, 255, 47
|
84, 100%, 59%
|
|
chartreuse
|
|
#7fff00
|
127, 255, 0
|
90, 100%, 50%
|
|
lawngreen
|
|
#7cfc00
|
124, 252, 0
|
90, 100%, 49%
|
|
lime
|
|
#00ff00
|
0, 255, 0
|
120, 100%, 50%
|
|
limegreen
|
|
#32cd32
|
50, 205, 50
|
120, 61%, 50%
|
|
palegreen
|
|
#98fb98
|
152, 251, 152
|
120, 93%, 79%
|
|
lightgreen
|
|
#90ee90
|
144, 238, 144
|
120, 73%, 75%
|
|
mediumspringgreen
|
|
#00fa9a
|
0, 250, 154
|
157, 100%, 49%
|
|
springgreen
|
|
#00ff7f
|
0, 255, 127
|
150, 100%, 50%
|
|
mediumseagreen
|
|
#3cb371
|
60, 179, 113
|
147, 50%, 47%
|
|
seagreen
|
|
#2e8b57
|
46, 139, 87
|
146, 50%, 36%
|
|
forestgreen
|
|
#228b22
|
34, 139, 34
|
120, 61%, 34%
|
|
green
|
|
#008000
|
0, 128, 0
|
120, 100%, 25%
|
|
darkgreen
|
|
#006400
|
0, 100, 0
|
120, 100%, 20%
|
|
yellowgreen
|
|
#9acd32
|
154, 205, 50
|
80, 61%, 50%
|
|
olivedrab
|
|
#6b8e23
|
107, 142, 35
|
80, 60%, 35%
|
|
olive
|
|
#808000
|
128, 128, 0
|
60, 100%, 25%
|
|
darkolivegreen
|
|
#556b2f
|
85, 107, 47
|
82, 39%, 30%
|
|
mediumaquamarine
|
|
#66cdaa
|
102, 205, 170
|
160, 51%, 60%
|
|
darkseagreen
|
|
#8fbc8b
|
143, 188, 139
|
115, 27%, 64%
|
|
lightseagreen
|
|
#20b2aa
|
32, 178, 170
|
177, 70%, 41%
|
|
darkcyan
|
|
#008b8b
|
0, 139, 139
|
180, 100%, 27%
|
|
teal
|
|
#008080
|
0, 128, 128
|
180, 100%, 25%
|
pink
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
pink
|
|
#ffc0cb
|
255, 192, 203
|
350, 100%, 88%
|
|
lightpink
|
|
#ffb6c1
|
255, 182, 193
|
351, 100%, 86%
|
|
hotpink
|
|
#ff69b4
|
255, 105, 180
|
330, 100%, 71%
|
|
deeppink
|
|
#ff1493
|
255, 20, 147
|
328, 100%, 54%
|
|
mediumvioletred
|
|
#c71585
|
199, 21, 133
|
322, 81%, 43%
|
|
palevioletred
|
|
#db7093
|
219, 112, 147
|
340, 60%, 65%
|
purple
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
lavender
|
|
#e6e6fa
|
230, 230, 250
|
240, 67%, 94%
|
|
thistle
|
|
#d8bfd8
|
216, 191, 216
|
300, 24%, 80%
|
|
plum
|
|
#dda0dd
|
221, 160, 221
|
300, 47%, 75%
|
|
violet
|
|
#ee82ee
|
238, 130, 238
|
300, 76%, 72%
|
|
orchid
|
|
#da70d6
|
218, 112, 214
|
302, 59%, 65%
|
|
fuchsia
|
|
#ff00ff
|
255, 0, 255
|
300, 100%, 50%
|
|
magenta
|
|
#ff00ff
|
255, 0, 255
|
300, 100%, 50%
|
|
mediumorchid
|
|
#ba55d3
|
186, 85, 211
|
288, 59%, 58%
|
|
mediumpurple
|
|
#9370db
|
147, 112, 219
|
260, 60%, 65%
|
|
rebeccapurple
|
|
#663399
|
102, 51, 153
|
270, 50%, 40%
|
|
blueviolet
|
|
#8a2be2
|
138, 43, 226
|
271, 76%, 53%
|
|
darkviolet
|
|
#9400d3
|
148, 0, 211
|
282, 100%, 41%
|
|
darkorchid
|
|
#9932cc
|
153, 50, 204
|
280, 61%, 50%
|
|
darkmagenta
|
|
#8b008b
|
139, 0, 139
|
300, 100%, 27%
|
|
purple
|
|
#800080
|
128, 0, 128
|
300, 100%, 25%
|
|
indigo
|
|
#4b0082
|
75, 0, 130
|
275, 100%, 25%
|
|
slateblue
|
|
#6a5acd
|
106, 90, 205
|
248, 53%, 58%
|
|
darkslateblue
|
|
#483d8b
|
72, 61, 139
|
248, 39%, 39%
|
|
mediumslateblue
|
|
#7b68ee
|
123, 104, 238
|
249, 80%, 67%
|
white
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
white
|
|
#ffffff
|
255, 255, 255
|
0, 0%, 100%
|
|
snow
|
|
#fffafa
|
255, 250, 250
|
0, 100%, 99%
|
|
honeydew
|
|
#f0fff0
|
240, 255, 240
|
120, 100%, 97%
|
|
mintcream
|
|
#f5fffa
|
245, 255, 250
|
150, 100%, 98%
|
|
azure
|
|
#f0ffff
|
240, 255, 255
|
180, 100%, 97%
|
|
aliceblue
|
|
#f0f8ff
|
240, 248, 255
|
208, 100%, 97%
|
|
ghostwhite
|
|
#f8f8ff
|
248, 248, 255
|
240, 100%, 99%
|
|
whitesmoke
|
|
#f5f5f5
|
245, 245, 245
|
0, 0%, 96%
|
|
seashell
|
|
#fff5ee
|
255, 245, 238
|
25, 100%, 97%
|
|
beige
|
|
#f5f5dc
|
245, 245, 220
|
60, 56%, 91%
|
|
oldlace
|
|
#fdf5e6
|
253, 245, 230
|
39, 85%, 95%
|
|
floralwhite
|
|
#fffaf0
|
255, 250, 240
|
40, 100%, 97%
|
|
ivory
|
|
#fffff0
|
255, 255, 240
|
60, 100%, 97%
|
|
antiquewhite
|
|
#faebd7
|
250, 235, 215
|
34, 78%, 91%
|
|
linen
|
|
#faf0e6
|
250, 240, 230
|
30, 67%, 94%
|
|
lavenderblush
|
|
#fff0f5
|
255, 240, 245
|
340, 100%, 97%
|
|
mistyrose
|
|
#ffe4e1
|
255, 228, 225
|
6, 100%, 94%
|
yellow
|
色の名前 |
プレビュー |
HEX
|
RGB
|
HSL
|
|
gold
|
|
#ffd700
|
255, 215, 0
|
51, 100%, 50%
|
|
yellow
|
|
#ffff00
|
255, 255, 0
|
60, 100%, 50%
|
|
lightyellow
|
|
#ffffe0
|
255, 255, 224
|
60, 100%, 94%
|
|
lemonchiffon
|
|
#fffacd
|
255, 250, 205
|
54, 100%, 90%
|
|
lightgoldenrodyellow
|
|
#fafad2
|
250, 250, 210
|
60, 80%, 90%
|
|
papayawhip
|
|
#ffefd5
|
255, 239, 213
|
37, 100%, 92%
|
|
moccasin
|
|
#ffe4b5
|
255, 228, 181
|
38, 100%, 85%
|
|
peachpuff
|
|
#ffdab9
|
255, 218, 185
|
28, 100%, 86%
|
|
palegoldenrod
|
|
#eee8aa
|
238, 232, 170
|
55, 67%, 80%
|
|
khaki
|
|
#f0e68c
|
240, 230, 140
|
54, 77%, 75%
|
|
darkkhaki
|
|
#bdb76b
|
189, 183, 107
|
56, 38%, 58%
|
