#654b20
RGB ( 赤 = 101, 緑 = 75, 青 = 32 )
HSL ( 色相 = 37°, 彩度 = 52%, 明度 = 26% )
H : 色相 ( 37° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #652820 : -30
17 : #653320 : -20
27 : #653f20 : -10
37 : #654a20 : ±0
47 : #655620 : +10
57 : #656120 : +20
67 : #5d6520 : +30
77 : #516520 : +40
87 : #466520 : +50
97 : #3a6520 : +60
107 : #2f6520 : +70
117 : #236520 : +80
127 : #206528 : +90
137 : #206533 : +100
147 : #20653f : +110
157 : #20654a : +120
167 : #206556 : +130
177 : #206561 : +140
187 : #205d65 : +150
197 : #205165 : +160
207 : #204665 : +170
217 : #203a65 : +180
227 : #202f65 : +190
237 : #202365 : +200
247 : #282065 : +210
257 : #332065 : +220
267 : #3f2065 : +230
277 : #4a2065 : +240
287 : #562065 : +250
297 : #612065 : +260
307 : #65205d : +270
317 : #652051 : +280
327 : #652046 : +290
337 : #65203a : +300
347 : #65202f : +310
357 : #652023 : +320
27 : #653f20 : -10
28 : #654020 : -9
29 : #654120 : -8
30 : #654220 : -7
31 : #654320 : -6
32 : #654520 : -5
33 : #654620 : -4
34 : #654720 : -3
35 : #654820 : -2
36 : #654920 : -1
37 : #654a20 : ±0
38 : #654b20 : +1
39 : #654d20 : +2
40 : #654e20 : +3
41 : #654f20 : +4
42 : #655020 : +5
43 : #655120 : +6
44 : #655220 : +7
45 : #655420 : +8
46 : #655520 : +9
47 : #655620 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -52
2 : #444341 : -50
4 : #454340 : -48
6 : #46433e : -46
8 : #48443d : -44
10 : #49443c : -42
12 : #4a443a : -40
14 : #4c4439 : -38
16 : #4d4538 : -36
18 : #4e4536 : -34
20 : #504535 : -32
22 : #514634 : -30
24 : #524632 : -28
26 : #544631 : -26
28 : #554730 : -24
30 : #56472e : -22
32 : #58472d : -20
34 : #59482c : -18
36 : #5a482a : -16
38 : #5b4829 : -14
40 : #5d4828 : -12
42 : #5e4926 : -10
44 : #5f4925 : -8
46 : #614924 : -6
48 : #624a22 : -4
50 : #634a21 : -2
52 : #654a20 : ±0
54 : #664b1e : +2
56 : #674b1d : +4
58 : #694b1c : +6
60 : #6a4c1b : +8
62 : #6b4c19 : +10
64 : #6d4c18 : +12
66 : #6e4d17 : +14
68 : #6f4d15 : +16
70 : #714d14 : +18
72 : #724d13 : +20
74 : #734e11 : +22
76 : #754e10 : +24
78 : #764e0f : +26
80 : #774f0d : +28
82 : #794f0c : +30
84 : #7a4f0b : +32
86 : #7b5009 : +34
88 : #7d5008 : +36
90 : #7e5007 : +38
92 : #7f5105 : +40
94 : #815104 : +42
96 : #825103 : +44
98 : #835101 : +46
100 : #855200 : +48
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080602 : -24
4 : #100b05 : -22
6 : #171107 : -20
8 : #1f170a : -18
10 : #271d0c : -16
12 : #2f220f : -14
14 : #362811 : -12
16 : #3e2e14 : -10
18 : #463316 : -8
20 : #4e3918 : -6
22 : #553f1b : -4
24 : #5d451d : -2
26 : #654a20 : ±0
28 : #6d5022 : +2
30 : #745625 : +4
32 : #7c5c27 : +6
34 : #84612a : +8
36 : #8c672c : +10
38 : #936d2f : +12
40 : #9b7231 : +14
42 : #a37833 : +16
44 : #ab7e36 : +18
46 : #b28438 : +20
48 : #ba893b : +22
50 : #c28f3d : +24
52 : #c49345 : +26
54 : #c7984d : +28
56 : #c99c54 : +30
58 : #cca15c : +32
60 : #cea564 : +34
62 : #d0aa6c : +36
64 : #d3ae73 : +38
66 : #d5b37b : +40
68 : #d8b783 : +42
70 : #dabc8b : +44
72 : #ddc092 : +46
74 : #dfc59a : +48
76 : #e2c9a2 : +50
78 : #e4ceaa : +52
80 : #e7d2b1 : +54
82 : #e9d7b9 : +56
84 : #ebdbc1 : +58
86 : #eee0c9 : +60
88 : #f0e4d0 : +62
90 : #f3e9d8 : +64
92 : #f5ede0 : +66
94 : #f8f2e8 : +68
96 : #faf6ef : +70
98 : #fdfbf7 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow