#6d4136
RGB ( 赤 = 109, 緑 = 65, 青 = 54 )
HSL ( 色相 = 12°, 彩度 = 34%, 明度 = 32% )
H : 色相 ( 12° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #6d3836 : -10
12 : #6d4136 : ±0
22 : #6d4a36 : +10
32 : #6d5336 : +20
42 : #6d5d36 : +30
52 : #6d6636 : +40
62 : #6b6d36 : +50
72 : #626d36 : +60
82 : #596d36 : +70
92 : #506d36 : +80
102 : #476d36 : +90
112 : #3d6d36 : +100
122 : #366d38 : +110
132 : #366d41 : +120
142 : #366d4a : +130
152 : #366d53 : +140
162 : #366d5d : +150
172 : #366d66 : +160
182 : #366b6d : +170
192 : #36626d : +180
202 : #36596d : +190
212 : #36506d : +200
222 : #36476d : +210
232 : #363d6d : +220
242 : #38366d : +230
252 : #41366d : +240
262 : #4a366d : +250
272 : #53366d : +260
282 : #5d366d : +270
292 : #66366d : +280
302 : #6d366b : +290
312 : #6d3662 : +300
322 : #6d3659 : +310
332 : #6d3650 : +320
342 : #6d3647 : +330
352 : #6d363d : +340
2 : #6d3836 : -10
3 : #6d3936 : -9
4 : #6d3a36 : -8
5 : #6d3a36 : -7
6 : #6d3b36 : -6
7 : #6d3c36 : -5
8 : #6d3d36 : -4
9 : #6d3e36 : -3
10 : #6d3f36 : -2
11 : #6d4036 : -1
12 : #6d4136 : ±0
13 : #6d4236 : +1
14 : #6d4336 : +2
15 : #6d4436 : +3
16 : #6d4536 : +4
17 : #6d4636 : +5
18 : #6d4736 : +6
19 : #6d4736 : +7
20 : #6d4836 : +8
21 : #6d4936 : +9
22 : #6d4a36 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #515151 : -34
2 : #535150 : -32
4 : #55504e : -30
6 : #564f4d : -28
8 : #584e4b : -26
10 : #5a4d49 : -24
12 : #5b4c48 : -22
14 : #5d4b46 : -20
16 : #5f4a45 : -18
18 : #604943 : -16
20 : #624841 : -14
22 : #644740 : -12
24 : #65463e : -10
26 : #67453c : -8
28 : #68443b : -6
30 : #6a4339 : -4
32 : #6c4237 : -2
34 : #6d4136 : ±0
36 : #6f4034 : +2
38 : #713f33 : +4
40 : #723e31 : +6
42 : #743d2f : +8
44 : #763c2e : +10
46 : #773b2c : +12
48 : #793a2a : +14
50 : #7a3929 : +16
52 : #7c3827 : +18
54 : #7e3726 : +20
56 : #7f3624 : +22
58 : #813522 : +24
60 : #833421 : +26
62 : #84331f : +28
64 : #86321d : +30
66 : #87311c : +32
68 : #89301a : +34
70 : #8b2f18 : +36
72 : #8c2e17 : +38
74 : #8e2d15 : +40
76 : #902c14 : +42
78 : #912b12 : +44
80 : #932a10 : +46
82 : #95290f : +48
84 : #96280d : +50
86 : #98270b : +52
88 : #99270a : +54
90 : #9b2608 : +56
92 : #9d2507 : +58
94 : #9e2405 : +60
96 : #a02303 : +62
98 : #a22202 : +64
100 : #a32100 : +66
L : 明度 ( 32% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -32
2 : #070403 : -30
4 : #0e0807 : -28
6 : #150c0a : -26
8 : #1b100d : -24
10 : #221411 : -22
12 : #291814 : -20
14 : #301c18 : -18
16 : #37201b : -16
18 : #3e251e : -14
20 : #442922 : -12
22 : #4b2d25 : -10
24 : #523128 : -8
26 : #59352c : -6
28 : #60392f : -4
30 : #673d32 : -2
32 : #6d4136 : ±0
34 : #744539 : +2
36 : #7b493d : +4
38 : #824d40 : +6
40 : #895143 : +8
42 : #905547 : +10
44 : #96594a : +12
46 : #9d5d4d : +14
48 : #a46151 : +16
50 : #ab6554 : +18
52 : #ae6c5b : +20
54 : #b27262 : +22
56 : #b57869 : +24
58 : #b87e6f : +26
60 : #bc8476 : +28
62 : #bf8a7d : +30
64 : #c29084 : +32
66 : #c6978b : +34
68 : #c99d92 : +36
70 : #cda398 : +38
72 : #d0a99f : +40
74 : #d3afa6 : +42
76 : #d7b5ad : +44
78 : #dabbb4 : +46
80 : #ddc2bb : +48
82 : #e1c8c1 : +50
84 : #e4cec8 : +52
86 : #e7d4cf : +54
88 : #ebdad6 : +56
90 : #eee0dd : +58
92 : #f2e6e4 : +60
94 : #f5edea : +62
96 : #f8f3f1 : +64
98 : #fcf9f8 : +66
100 : #ffffff : +68
CSS入門、作ってます。
text-shadow