#89681f
RGB ( 赤 = 137, 緑 = 104, 青 = 31 )
HSL ( 色相 = 41°, 彩度 = 63%, 明度 = 33% )
H : 色相 ( 41° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #89211f : -40
11 : #89331f : -30
21 : #89441f : -20
31 : #89561f : -10
41 : #89681f : ±0
51 : #89791f : +10
61 : #87891f : +20
71 : #76891f : +30
81 : #64891f : +40
91 : #52891f : +50
101 : #41891f : +60
111 : #2f891f : +70
121 : #1f8921 : +80
131 : #1f8933 : +90
141 : #1f8944 : +100
151 : #1f8956 : +110
161 : #1f8968 : +120
171 : #1f8979 : +130
181 : #1f8789 : +140
191 : #1f7689 : +150
201 : #1f6489 : +160
211 : #1f5289 : +170
221 : #1f4189 : +180
231 : #1f2f89 : +190
241 : #211f89 : +200
251 : #331f89 : +210
261 : #441f89 : +220
271 : #561f89 : +230
281 : #681f89 : +240
291 : #791f89 : +250
301 : #891f87 : +260
311 : #891f76 : +270
321 : #891f64 : +280
331 : #891f52 : +290
341 : #891f41 : +300
351 : #891f2f : +310
31 : #89561f : -10
32 : #89581f : -9
33 : #89591f : -8
34 : #895b1f : -7
35 : #895d1f : -6
36 : #895f1f : -5
37 : #89611f : -4
38 : #89621f : -3
39 : #89641f : -2
40 : #89661f : -1
41 : #89681f : ±0
42 : #89691f : +1
43 : #896b1f : +2
44 : #896d1f : +3
45 : #896f1f : +4
46 : #89701f : +5
47 : #89721f : +6
48 : #89741f : +7
49 : #89761f : +8
50 : #89771f : +9
51 : #89791f : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #555453 : -62
3 : #575552 : -60
5 : #585650 : -58
7 : #5a564e : -56
9 : #5c574d : -54
11 : #5d584b : -52
13 : #5f5849 : -50
15 : #615948 : -48
17 : #625946 : -46
19 : #645a44 : -44
21 : #665b42 : -42
23 : #685b41 : -40
25 : #695c3f : -38
27 : #6b5c3d : -36
29 : #6d5d3c : -34
31 : #6e5e3a : -32
33 : #705e38 : -30
35 : #725f37 : -28
37 : #736035 : -26
39 : #756033 : -24
41 : #776132 : -22
43 : #786130 : -20
45 : #7a622e : -18
47 : #7c632d : -16
49 : #7d632b : -14
51 : #7f6429 : -12
53 : #816528 : -10
55 : #826526 : -8
57 : #846624 : -6
59 : #866623 : -4
61 : #876721 : -2
63 : #89681f : ±0
65 : #8b681d : +2
67 : #8d691c : +4
69 : #8e691a : +6
71 : #906a18 : +8
73 : #926b17 : +10
75 : #936b15 : +12
77 : #956c13 : +14
79 : #976d12 : +16
81 : #986d10 : +18
83 : #9a6e0e : +20
85 : #9c6e0d : +22
87 : #9d6f0b : +24
89 : #9f7009 : +26
91 : #a17008 : +28
93 : #a27106 : +30
95 : #a47104 : +32
97 : #a67203 : +34
99 : #a77301 : +36
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -32
3 : #0c0903 : -30
5 : #151005 : -28
7 : #1d1607 : -26
9 : #251c08 : -24
11 : #2e230a : -22
13 : #36290c : -20
15 : #3e2f0e : -18
17 : #473510 : -16
19 : #4f3c12 : -14
21 : #574214 : -12
23 : #604816 : -10
25 : #684e18 : -8
27 : #705519 : -6
29 : #795b1b : -4
31 : #81611d : -2
33 : #89681f : ±0
35 : #916e21 : +2
37 : #9a7423 : +4
39 : #a27a25 : +6
41 : #aa8127 : +8
43 : #b38729 : +10
45 : #bb8d2a : +12
47 : #c3942c : +14
49 : #cc9a2e : +16
51 : #d19f33 : +18
53 : #d3a33c : +20
55 : #d5a744 : +22
57 : #d6ab4c : +24
59 : #d8af55 : +26
61 : #dab35d : +28
63 : #dcb665 : +30
65 : #deba6e : +32
67 : #e0be76 : +34
69 : #e2c27e : +36
71 : #e4c686 : +38
73 : #e6ca8f : +40
75 : #e7ce97 : +42
77 : #e9d29f : +44
79 : #ebd6a8 : +46
81 : #eddab0 : +48
83 : #efdeb8 : +50
85 : #f1e2c1 : +52
87 : #f3e6c9 : +54
89 : #f5e9d1 : +56
91 : #f7edda : +58
93 : #f8f1e2 : +60
95 : #faf5ea : +62
97 : #fcf9f3 : +64
99 : #fefdfb : +66
CSS入門、作ってます。
text-shadow