#6d4022
RGB ( 赤 = 109, 緑 = 64, 青 = 34 )
HSL ( 色相 = 24°, 彩度 = 52%, 明度 = 28% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #6d2722 : -20
14 : #6d3422 : -10
24 : #6d4022 : ±0
34 : #6d4c22 : +10
44 : #6d5922 : +20
54 : #6d6522 : +30
64 : #686d22 : +40
74 : #5b6d22 : +50
84 : #4f6d22 : +60
94 : #426d22 : +70
104 : #366d22 : +80
114 : #2a6d22 : +90
124 : #226d27 : +100
134 : #226d34 : +110
144 : #226d40 : +120
154 : #226d4c : +130
164 : #226d59 : +140
174 : #226d65 : +150
184 : #22686d : +160
194 : #225b6d : +170
204 : #224f6d : +180
214 : #22426d : +190
224 : #22366d : +200
234 : #222a6d : +210
244 : #27226d : +220
254 : #34226d : +230
264 : #40226d : +240
274 : #4c226d : +250
284 : #59226d : +260
294 : #65226d : +270
304 : #6d2268 : +280
314 : #6d225b : +290
324 : #6d224f : +300
334 : #6d2242 : +310
344 : #6d2236 : +320
354 : #6d222a : +330
14 : #6d3422 : -10
15 : #6d3522 : -9
16 : #6d3622 : -8
17 : #6d3722 : -7
18 : #6d3922 : -6
19 : #6d3a22 : -5
20 : #6d3b22 : -4
21 : #6d3c22 : -3
22 : #6d3d22 : -2
23 : #6d3f22 : -1
24 : #6d4022 : ±0
25 : #6d4122 : +1
26 : #6d4222 : +2
27 : #6d4422 : +3
28 : #6d4522 : +4
29 : #6d4622 : +5
30 : #6d4722 : +6
31 : #6d4922 : +7
32 : #6d4a22 : +8
33 : #6d4b22 : +9
34 : #6d4c22 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -52
2 : #494746 : -50
4 : #4a4745 : -48
6 : #4c4743 : -46
8 : #4d4642 : -44
10 : #4f4640 : -42
12 : #50463f : -40
14 : #51453d : -38
16 : #53453c : -36
18 : #54453b : -34
20 : #564539 : -32
22 : #574438 : -30
24 : #594436 : -28
26 : #5a4435 : -26
28 : #5b4333 : -24
30 : #5d4332 : -22
32 : #5e4331 : -20
34 : #60432f : -18
36 : #61422e : -16
38 : #63422c : -14
40 : #64422b : -12
42 : #654129 : -10
44 : #674128 : -8
46 : #684127 : -6
48 : #6a4125 : -4
50 : #6b4024 : -2
52 : #6d4022 : ±0
54 : #6e4021 : +2
56 : #6f3f1f : +4
58 : #713f1e : +6
60 : #723f1d : +8
62 : #743f1b : +10
64 : #753e1a : +12
66 : #773e18 : +14
68 : #783e17 : +16
70 : #793d15 : +18
72 : #7b3d14 : +20
74 : #7c3d13 : +22
76 : #7e3d11 : +24
78 : #7f3c10 : +26
80 : #813c0e : +28
82 : #823c0d : +30
84 : #833b0b : +32
86 : #853b0a : +34
88 : #863b09 : +36
90 : #883b07 : +38
92 : #893a06 : +40
94 : #8b3a04 : +42
96 : #8c3a03 : +44
98 : #8d3901 : +46
100 : #8f3900 : +48
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #080502 : -26
4 : #100905 : -24
6 : #170e07 : -22
8 : #1f120a : -20
10 : #27170c : -18
12 : #2f1b0f : -16
14 : #362011 : -14
16 : #3e2514 : -12
18 : #462916 : -10
20 : #4e2e18 : -8
22 : #55321b : -6
24 : #5d371d : -4
26 : #653b20 : -2
28 : #6d4022 : ±0
30 : #744525 : +2
32 : #7c4927 : +4
34 : #844e2a : +6
36 : #8c522c : +8
38 : #93572f : +10
40 : #9b5b31 : +12
42 : #a36033 : +14
44 : #ab6536 : +16
46 : #b26938 : +18
48 : #ba6e3b : +20
50 : #c2723d : +22
52 : #c47845 : +24
54 : #c77e4d : +26
56 : #c98354 : +28
58 : #cc895c : +30
60 : #ce8e64 : +32
62 : #d0946c : +34
64 : #d39a73 : +36
66 : #d59f7b : +38
68 : #d8a583 : +40
70 : #daab8b : +42
72 : #ddb092 : +44
74 : #dfb69a : +46
76 : #e2bba2 : +48
78 : #e4c1aa : +50
80 : #e7c7b1 : +52
82 : #e9ccb9 : +54
84 : #ebd2c1 : +56
86 : #eed8c9 : +58
88 : #f0ddd0 : +60
90 : #f3e3d8 : +62
92 : #f5e8e0 : +64
94 : #f8eee8 : +66
96 : #faf4ef : +68
98 : #fdf9f7 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow