#838a18
RGB ( 赤 = 131, 緑 = 138, 青 = 24 )
HSL ( 色相 = 64°, 彩度 = 70%, 明度 = 32% )
H : 色相 ( 64° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #8b2018 : -60
14 : #8b3318 : -50
24 : #8b4618 : -40
34 : #8b5918 : -30
44 : #8b6c18 : -20
54 : #8b7f18 : -10
64 : #838b18 : ±0
74 : #708b18 : +10
84 : #5d8b18 : +20
94 : #4a8b18 : +30
104 : #378b18 : +40
114 : #248b18 : +50
124 : #188b20 : +60
134 : #188b33 : +70
144 : #188b46 : +80
154 : #188b59 : +90
164 : #188b6c : +100
174 : #188b7f : +110
184 : #18838b : +120
194 : #18708b : +130
204 : #185d8b : +140
214 : #184a8b : +150
224 : #18378b : +160
234 : #18248b : +170
244 : #20188b : +180
254 : #33188b : +190
264 : #46188b : +200
274 : #59188b : +210
284 : #6c188b : +220
294 : #7f188b : +230
304 : #8b1883 : +240
314 : #8b1870 : +250
324 : #8b185d : +260
334 : #8b184a : +270
344 : #8b1837 : +280
354 : #8b1824 : +290
54 : #8b7f18 : -10
55 : #8b8118 : -9
56 : #8b8318 : -8
57 : #8b8518 : -7
58 : #8b8718 : -6
59 : #8b8918 : -5
60 : #8b8b18 : -4
61 : #898b18 : -3
62 : #878b18 : -2
63 : #858b18 : -1
64 : #838b18 : ±0
65 : #818b18 : +1
66 : #7f8b18 : +2
67 : #7d8b18 : +3
68 : #7b8b18 : +4
69 : #7a8b18 : +5
70 : #788b18 : +6
71 : #768b18 : +7
72 : #748b18 : +8
73 : #728b18 : +9
74 : #708b18 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -70
2 : #535350 : -68
4 : #54554e : -66
6 : #56564d : -64
8 : #57584b : -62
10 : #595a49 : -60
12 : #5a5b48 : -58
14 : #5c5d46 : -56
16 : #5d5f45 : -54
18 : #5e6043 : -52
20 : #606241 : -50
22 : #616440 : -48
24 : #63653e : -46
26 : #64673c : -44
28 : #65683b : -42
30 : #676a39 : -40
32 : #686c37 : -38
34 : #6a6d36 : -36
36 : #6b6f34 : -34
38 : #6c7133 : -32
40 : #6e7231 : -30
42 : #6f742f : -28
44 : #71762e : -26
46 : #72772c : -24
48 : #74792a : -22
50 : #757a29 : -20
52 : #767c27 : -18
54 : #787e26 : -16
56 : #797f24 : -14
58 : #7b8122 : -12
60 : #7c8321 : -10
62 : #7d841f : -8
64 : #7f861d : -6
66 : #80871c : -4
68 : #82891a : -2
70 : #838b18 : ±0
72 : #858c17 : +2
74 : #868e15 : +4
76 : #879014 : +6
78 : #899112 : +8
80 : #8a9310 : +10
82 : #8c950f : +12
84 : #8d960d : +14
86 : #8e980b : +16
88 : #90990a : +18
90 : #919b08 : +20
92 : #939d07 : +22
94 : #949e05 : +24
96 : #95a003 : +26
98 : #97a202 : +28
100 : #98a300 : +30
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #080902 : -30
4 : #101103 : -28
6 : #191a05 : -26
8 : #212306 : -24
10 : #292b08 : -22
12 : #313409 : -20
14 : #393d0b : -18
16 : #42450c : -16
18 : #4a4e0e : -14
20 : #52570f : -12
22 : #5a5f11 : -10
24 : #626812 : -8
26 : #6b7114 : -6
28 : #737915 : -4
30 : #7b8217 : -2
32 : #838b18 : ±0
34 : #8b931a : +2
36 : #939c1c : +4
38 : #9ca51d : +6
40 : #a4ad1f : +8
42 : #acb620 : +10
44 : #b4bf22 : +12
46 : #bcc723 : +14
48 : #c5d025 : +16
50 : #cdd926 : +18
52 : #cfda2f : +20
54 : #d1dc38 : +22
56 : #d3dd40 : +24
58 : #d5df49 : +26
60 : #d7e052 : +28
62 : #d9e25a : +30
64 : #dbe363 : +32
66 : #dde56c : +34
68 : #dfe774 : +36
70 : #e1e87d : +38
72 : #e3ea86 : +40
74 : #e5eb8e : +42
76 : #e7ed97 : +44
78 : #e9eea0 : +46
80 : #ebf0a8 : +48
82 : #edf1b1 : +50
84 : #eff3ba : +52
86 : #f1f4c2 : +54
88 : #f3f6cb : +56
90 : #f5f7d4 : +58
92 : #f7f9dc : +60
94 : #f9fae5 : +62
96 : #fbfcee : +64
98 : #fdfdf6 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow