#982c01
RGB ( 赤 = 152, 緑 = 44, 青 = 1 )
HSL ( 色相 = 17°, 彩度 = 99%, 明度 = 30% )
H : 色相 ( 17° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #981201 : -10
17 : #982c01 : ±0
27 : #984501 : +10
37 : #985e01 : +20
47 : #987701 : +30
57 : #989101 : +40
67 : #879801 : +50
77 : #6d9801 : +60
87 : #549801 : +70
97 : #3b9801 : +80
107 : #229801 : +90
117 : #089801 : +100
127 : #019812 : +110
137 : #01982c : +120
147 : #019845 : +130
157 : #01985e : +140
167 : #019877 : +150
177 : #019891 : +160
187 : #018798 : +170
197 : #016d98 : +180
207 : #015498 : +190
217 : #013b98 : +200
227 : #012298 : +210
237 : #010898 : +220
247 : #120198 : +230
257 : #2c0198 : +240
267 : #450198 : +250
277 : #5e0198 : +260
287 : #770198 : +270
297 : #910198 : +280
307 : #980187 : +290
317 : #98016d : +300
327 : #980154 : +310
337 : #98013b : +320
347 : #980122 : +330
357 : #980108 : +340
7 : #981201 : -10
8 : #981501 : -9
9 : #981701 : -8
10 : #981a01 : -7
11 : #981d01 : -6
12 : #981f01 : -5
13 : #982201 : -4
14 : #982401 : -3
15 : #982701 : -2
16 : #982901 : -1
17 : #982c01 : ±0
18 : #982e01 : +1
19 : #983101 : +2
20 : #983301 : +3
21 : #983601 : +4
22 : #983801 : +5
23 : #983b01 : +6
24 : #983d01 : +7
25 : #984001 : +8
26 : #984201 : +9
27 : #984501 : +10
S : 彩度 ( 99% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4d4c4c : -98
3 : #4f4c4a : -96
5 : #504b49 : -94
7 : #524a47 : -92
9 : #534a46 : -90
11 : #554944 : -88
13 : #564843 : -86
15 : #584841 : -84
17 : #5a473f : -82
19 : #5b463e : -80
21 : #5d463c : -78
23 : #5e453b : -76
25 : #604439 : -74
27 : #614438 : -72
29 : #634336 : -70
31 : #644235 : -68
33 : #664233 : -66
35 : #674132 : -64
37 : #694030 : -62
39 : #6a402f : -60
41 : #6c3f2d : -58
43 : #6d3e2c : -56
45 : #6f3e2a : -54
47 : #703d29 : -52
49 : #723c27 : -50
51 : #743c25 : -48
53 : #753b24 : -46
55 : #773a22 : -44
57 : #783a21 : -42
59 : #7a391f : -40
61 : #7b381e : -38
63 : #7d381c : -36
65 : #7e371b : -34
67 : #803619 : -32
69 : #813618 : -30
71 : #833516 : -28
73 : #843415 : -26
75 : #863413 : -24
77 : #873312 : -22
79 : #893210 : -20
81 : #8a320f : -18
83 : #8c310d : -16
85 : #8e300b : -14
87 : #8f300a : -12
89 : #912f08 : -10
91 : #922e07 : -8
93 : #942e05 : -6
95 : #952d04 : -4
97 : #972c02 : -2
99 : #982c01 : ±0
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #0a0300 : -28
4 : #140600 : -26
6 : #1e0900 : -24
8 : #290c00 : -22
10 : #330f00 : -20
12 : #3d1100 : -18
14 : #471400 : -16
16 : #511700 : -14
18 : #5b1a00 : -12
20 : #651d01 : -10
22 : #702001 : -8
24 : #7a2301 : -6
26 : #842601 : -4
28 : #8e2901 : -2
30 : #982c01 : ±0
32 : #a22f01 : +2
34 : #ad3201 : +4
36 : #b73401 : +6
38 : #c13701 : +8
40 : #cb3a01 : +10
42 : #d53d01 : +12
44 : #df4001 : +14
46 : #e94301 : +16
48 : #f44601 : +18
50 : #fe4901 : +20
52 : #fe500b : +22
54 : #fe5716 : +24
56 : #fe5f20 : +26
58 : #fe662a : +28
60 : #fe6d34 : +30
62 : #fe753e : +32
64 : #fe7c48 : +34
66 : #fe8352 : +36
68 : #fe8a5d : +38
70 : #fe9267 : +40
72 : #fe9971 : +42
74 : #fea07b : +44
76 : #fea885 : +46
78 : #feaf8f : +48
80 : #feb69a : +50
82 : #ffbda4 : +52
84 : #ffc5ae : +54
86 : #ffccb8 : +56
88 : #ffd3c2 : +58
90 : #ffdbcc : +60
92 : #ffe2d6 : +62
94 : #ffe9e1 : +64
96 : #fff0eb : +66
98 : #fff8f5 : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow