#983016
RGB ( 赤 = 152, 緑 = 48, 青 = 22 )
HSL ( 色相 = 12°, 彩度 = 75%, 明度 = 34% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #981a16 : -10
12 : #983016 : ±0
22 : #984516 : +10
32 : #985b16 : +20
42 : #987116 : +30
52 : #988616 : +40
62 : #939816 : +50
72 : #7e9816 : +60
82 : #689816 : +70
92 : #529816 : +80
102 : #3d9816 : +90
112 : #279816 : +100
122 : #16981a : +110
132 : #169830 : +120
142 : #169845 : +130
152 : #16985b : +140
162 : #169871 : +150
172 : #169886 : +160
182 : #169398 : +170
192 : #167e98 : +180
202 : #166898 : +190
212 : #165298 : +200
222 : #163d98 : +210
232 : #162798 : +220
242 : #1a1698 : +230
252 : #301698 : +240
262 : #451698 : +250
272 : #5b1698 : +260
282 : #711698 : +270
292 : #861698 : +280
302 : #981693 : +290
312 : #98167e : +300
322 : #981668 : +310
332 : #981652 : +320
342 : #98163d : +330
352 : #981627 : +340
2 : #981a16 : -10
3 : #981c16 : -9
4 : #981e16 : -8
5 : #982116 : -7
6 : #982316 : -6
7 : #982516 : -5
8 : #982716 : -4
9 : #982916 : -3
10 : #982b16 : -2
11 : #982e16 : -1
12 : #983016 : ±0
13 : #983216 : +1
14 : #983416 : +2
15 : #983616 : +3
16 : #983816 : +4
17 : #983b16 : +5
18 : #983d16 : +6
19 : #983f16 : +7
20 : #984116 : +8
21 : #984316 : +9
22 : #984516 : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #585656 : -74
3 : #595554 : -72
5 : #5b5452 : -70
7 : #5d5351 : -68
9 : #5f524f : -66
11 : #60514d : -64
13 : #62504b : -62
15 : #644f4a : -60
17 : #654e48 : -58
19 : #674d46 : -56
21 : #694c44 : -54
23 : #6b4b43 : -52
25 : #6c4a41 : -50
27 : #6e493f : -48
29 : #70483e : -46
31 : #72473c : -44
33 : #73463a : -42
35 : #754438 : -40
37 : #774337 : -38
39 : #794235 : -36
41 : #7a4133 : -34
43 : #7c4031 : -32
45 : #7e3f30 : -30
47 : #7f3e2e : -28
49 : #813d2c : -26
51 : #833c2a : -24
53 : #853b29 : -22
55 : #863a27 : -20
57 : #883925 : -18
59 : #8a3824 : -16
61 : #8c3722 : -14
63 : #8d3620 : -12
65 : #8f351e : -10
67 : #91341d : -8
69 : #93331b : -6
71 : #943219 : -4
73 : #963117 : -2
75 : #983016 : ±0
77 : #992f14 : +2
79 : #9b2e12 : +4
81 : #9d2d10 : +6
83 : #9f2c0f : +8
85 : #a02a0d : +10
87 : #a2290b : +12
89 : #a4280a : +14
91 : #a62708 : +16
93 : #a72606 : +18
95 : #a92504 : +20
97 : #ab2403 : +22
99 : #ad2301 : +24
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #090301 : -32
4 : #120603 : -30
6 : #1b0804 : -28
8 : #240b05 : -26
10 : #2d0e06 : -24
12 : #361108 : -22
14 : #3e1409 : -20
16 : #47160a : -18
18 : #50190b : -16
20 : #591c0d : -14
22 : #621f0e : -12
24 : #6b220f : -10
26 : #742411 : -8
28 : #7d2712 : -6
30 : #862a13 : -4
32 : #8f2d14 : -2
34 : #983016 : ±0
36 : #a13217 : +2
38 : #aa3518 : +4
40 : #b3381a : +6
42 : #bb3b1b : +8
44 : #c43e1c : +10
46 : #cd411d : +12
48 : #d6431f : +14
50 : #df4620 : +16
52 : #e04e29 : +18
54 : #e25532 : +20
56 : #e35c3b : +22
58 : #e46444 : +24
60 : #e66b4d : +26
62 : #e77255 : +28
64 : #e87a5e : +30
66 : #e98167 : +32
68 : #eb8970 : +34
70 : #ec9079 : +36
72 : #ed9782 : +38
74 : #ee9f8b : +40
76 : #f0a694 : +42
78 : #f1ae9d : +44
80 : #f2b5a6 : +46
82 : #f4bcaf : +48
84 : #f5c4b8 : +50
86 : #f6cbc1 : +52
88 : #f7d3c9 : +54
90 : #f9dad2 : +56
92 : #fae1db : +58
94 : #fbe9e4 : +60
96 : #fcf0ed : +62
98 : #fef8f6 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow