#c04d2a
RGB
赤 | 192 |
---|---|
緑 | 77 |
青 | 42 |
HSL
色相 | 14° |
---|---|
彩度 | 64% |
明度 | 46% |
輝度 | 42% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 192, 緑 = 77, 青 = 42 )
HSL ( 色相 = 14°, 彩度 = 64%, 明度 = 46% )
H : 色相 ( 14° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #c0342a : -10
14 : #c04d2a : ±0
24 : #c0662a : +10
34 : #c07f2a : +20
44 : #c0982a : +30
54 : #c0b12a : +40
64 : #b6c02a : +50
74 : #9dc02a : +60
84 : #84c02a : +70
94 : #6bc02a : +80
104 : #52c02a : +90
114 : #39c02a : +100
124 : #2ac034 : +110
134 : #2ac04d : +120
144 : #2ac066 : +130
154 : #2ac07f : +140
164 : #2ac098 : +150
174 : #2ac0b1 : +160
184 : #2ab6c0 : +170
194 : #2a9dc0 : +180
204 : #2a84c0 : +190
214 : #2a6bc0 : +200
224 : #2a52c0 : +210
234 : #2a39c0 : +220
244 : #342ac0 : +230
254 : #4d2ac0 : +240
264 : #662ac0 : +250
274 : #7f2ac0 : +260
284 : #982ac0 : +270
294 : #b12ac0 : +280
304 : #c02ab6 : +290
314 : #c02a9d : +300
324 : #c02a84 : +310
334 : #c02a6b : +320
344 : #c02a52 : +330
354 : #c02a39 : +340
4 : #c0342a : -10
5 : #c0372a : -9
6 : #c0392a : -8
7 : #c03c2a : -7
8 : #c03e2a : -6
9 : #c0412a : -5
10 : #c0432a : -4
11 : #c0462a : -3
12 : #c0482a : -2
13 : #c04b2a : -1
14 : #c04d2a : ±0
15 : #c0502a : +1
16 : #c0522a : +2
17 : #c0552a : +3
18 : #c0572a : +4
19 : #c05a2a : +5
20 : #c05c2a : +6
21 : #c05f2a : +7
22 : #c0612a : +8
23 : #c0642a : +9
24 : #c0662a : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -64
2 : #787473 : -62
4 : #7a7371 : -60
6 : #7c726e : -58
8 : #7f706c : -56
10 : #816f6a : -54
12 : #836e67 : -52
14 : #866d65 : -50
16 : #886b63 : -48
18 : #8a6a60 : -46
20 : #8d695e : -44
22 : #8f685b : -42
24 : #916659 : -40
26 : #946557 : -38
28 : #966454 : -36
30 : #986352 : -34
32 : #9b6150 : -32
34 : #9d604d : -30
36 : #a05f4b : -28
38 : #a25e49 : -26
40 : #a45c46 : -24
42 : #a75b44 : -22
44 : #a95a42 : -20
46 : #ab593f : -18
48 : #ae573d : -16
50 : #b0563b : -14
52 : #b25538 : -12
54 : #b55436 : -10
56 : #b75234 : -8
58 : #b95131 : -6
60 : #bc502f : -4
62 : #be4f2d : -2
64 : #c04d2a : ±0
66 : #c34c28 : +2
68 : #c54b26 : +4
70 : #c74a23 : +6
72 : #ca4821 : +8
74 : #cc471e : +10
76 : #ce461c : +12
78 : #d1451a : +14
80 : #d34317 : +16
82 : #d54215 : +18
84 : #d84113 : +20
86 : #da3f10 : +22
88 : #dd3e0e : +24
90 : #df3d0c : +26
92 : #e13c09 : +28
94 : #e43a07 : +30
96 : #e63905 : +32
98 : #e83802 : +34
100 : #eb3700 : +36
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #080302 : -44
4 : #110704 : -42
6 : #190a06 : -40
8 : #210d07 : -38
10 : #2a1109 : -36
12 : #32140b : -34
14 : #3b180d : -32
16 : #431b0f : -30
18 : #4b1e11 : -28
20 : #542212 : -26
22 : #5c2514 : -24
24 : #642816 : -22
26 : #6d2c18 : -20
28 : #752f1a : -18
30 : #7d321c : -16
32 : #86361d : -14
34 : #8e391f : -12
36 : #973c21 : -10
38 : #9f4023 : -8
40 : #a74325 : -6
42 : #b04727 : -4
44 : #b84a28 : -2
46 : #c04d2a : ±0
48 : #c9512c : +2
50 : #d1542e : +4
52 : #d35b36 : +6
54 : #d5623f : +8
56 : #d76947 : +10
58 : #d86f4f : +12
60 : #da7658 : +14
62 : #dc7d60 : +16
64 : #de8468 : +18
66 : #e08b71 : +20
68 : #e29279 : +22
70 : #e39882 : +24
72 : #e59f8a : +26
74 : #e7a692 : +28
76 : #e9ad9b : +30
78 : #ebb4a3 : +32
80 : #edbbab : +34
82 : #eec1b4 : +36
84 : #f0c8bc : +38
86 : #f2cfc4 : +40
88 : #f4d6cd : +42
90 : #f6ddd5 : +44
92 : #f8e4de : +46
94 : #f9eae6 : +48
96 : #fbf1ee : +50
98 : #fdf8f7 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow