#89661a
RGB ( 赤 = 137, 緑 = 102, 青 = 26 )
HSL ( 色相 = 41°, 彩度 = 68%, 明度 = 32% )
H : 色相 ( 41° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #891c1a : -40
11 : #892e1a : -30
21 : #89411a : -20
31 : #89531a : -10
41 : #89661a : ±0
51 : #89781a : +10
61 : #87891a : +20
71 : #75891a : +30
81 : #62891a : +40
91 : #50891a : +50
101 : #3d891a : +60
111 : #2b891a : +70
121 : #1a891c : +80
131 : #1a892e : +90
141 : #1a8941 : +100
151 : #1a8953 : +110
161 : #1a8966 : +120
171 : #1a8978 : +130
181 : #1a8789 : +140
191 : #1a7589 : +150
201 : #1a6289 : +160
211 : #1a5089 : +170
221 : #1a3d89 : +180
231 : #1a2b89 : +190
241 : #1c1a89 : +200
251 : #2e1a89 : +210
261 : #411a89 : +220
271 : #531a89 : +230
281 : #661a89 : +240
291 : #781a89 : +250
301 : #891a87 : +260
311 : #891a75 : +270
321 : #891a62 : +280
331 : #891a50 : +290
341 : #891a3d : +300
351 : #891a2b : +310
31 : #89531a : -10
32 : #89551a : -9
33 : #89571a : -8
34 : #89591a : -7
35 : #895b1a : -6
36 : #895d1a : -5
37 : #895f1a : -4
38 : #89601a : -3
39 : #89621a : -2
40 : #89641a : -1
41 : #89661a : ±0
42 : #89681a : +1
43 : #896a1a : +2
44 : #896b1a : +3
45 : #896d1a : +4
46 : #896f1a : +5
47 : #89711a : +6
48 : #89731a : +7
49 : #89751a : +8
50 : #89771a : +9
51 : #89781a : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -68
2 : #535250 : -66
4 : #55534e : -64
6 : #56534d : -62
8 : #58544b : -60
10 : #5a5549 : -58
12 : #5b5548 : -56
14 : #5d5646 : -54
16 : #5f5645 : -52
18 : #605743 : -50
20 : #625841 : -48
22 : #645840 : -46
24 : #65593e : -44
26 : #67593c : -42
28 : #685a3b : -40
30 : #6a5b39 : -38
32 : #6c5b37 : -36
34 : #6d5c36 : -34
36 : #6f5c34 : -32
38 : #715d33 : -30
40 : #725e31 : -28
42 : #745e2f : -26
44 : #765f2e : -24
46 : #775f2c : -22
48 : #79602a : -20
50 : #7a6129 : -18
52 : #7c6127 : -16
54 : #7e6226 : -14
56 : #7f6224 : -12
58 : #816322 : -10
60 : #836421 : -8
62 : #84641f : -6
64 : #86651d : -4
66 : #87651c : -2
68 : #89661a : ±0
70 : #8b6718 : +2
72 : #8c6717 : +4
74 : #8e6815 : +6
76 : #906814 : +8
78 : #916912 : +10
80 : #936a10 : +12
82 : #956a0f : +14
84 : #966b0d : +16
86 : #986b0b : +18
88 : #996c0a : +20
90 : #9b6d08 : +22
92 : #9d6d07 : +24
94 : #9e6e05 : +26
96 : #a06e03 : +28
98 : #a26f02 : +30
100 : #a37000 : +32
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #090602 : -30
4 : #110d03 : -28
6 : #1a1305 : -26
8 : #221907 : -24
10 : #2b2008 : -22
12 : #33260a : -20
14 : #3c2d0b : -18
16 : #45330d : -16
18 : #4d390f : -14
20 : #564010 : -12
22 : #5e4612 : -10
24 : #674c14 : -8
26 : #6f5315 : -6
28 : #785917 : -4
30 : #816018 : -2
32 : #89661a : ±0
34 : #926c1c : +2
36 : #9a731d : +4
38 : #a3791f : +6
40 : #ab7f21 : +8
42 : #b48622 : +10
44 : #bc8c24 : +12
46 : #c59326 : +14
48 : #ce9927 : +16
50 : #d69f29 : +18
52 : #d8a331 : +20
54 : #d9a73a : +22
56 : #dbab43 : +24
58 : #ddaf4b : +26
60 : #deb254 : +28
62 : #e0b65c : +30
64 : #e2ba65 : +32
66 : #e3be6d : +34
68 : #e5c276 : +36
70 : #e7c67e : +38
72 : #e8c987 : +40
74 : #eacd90 : +42
76 : #ebd198 : +44
78 : #edd5a1 : +46
80 : #efd9a9 : +48
82 : #f0ddb2 : +50
84 : #f2e0ba : +52
86 : #f4e4c3 : +54
88 : #f5e8cc : +56
90 : #f7ecd4 : +58
92 : #f8f0dd : +60
94 : #faf4e5 : +62
96 : #fcf7ee : +64
98 : #fdfbf6 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow