#6d6046
RGB ( 赤 = 109, 緑 = 96, 青 = 70 )
HSL ( 色相 = 40°, 彩度 = 22%, 明度 = 35% )
H : 色相 ( 40° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #6d4646 : -40
10 : #6d4c46 : -30
20 : #6d5346 : -20
30 : #6d5946 : -10
40 : #6d6046 : ±0
50 : #6d6646 : +10
60 : #6d6d46 : +20
70 : #666d46 : +30
80 : #606d46 : +40
90 : #596d46 : +50
100 : #536d46 : +60
110 : #4c6d46 : +70
120 : #466d46 : +80
130 : #466d4c : +90
140 : #466d53 : +100
150 : #466d59 : +110
160 : #466d60 : +120
170 : #466d66 : +130
180 : #466d6d : +140
190 : #46666d : +150
200 : #46606d : +160
210 : #46596d : +170
220 : #46536d : +180
230 : #464c6d : +190
240 : #46466d : +200
250 : #4c466d : +210
260 : #53466d : +220
270 : #59466d : +230
280 : #60466d : +240
290 : #66466d : +250
300 : #6d466d : +260
310 : #6d4666 : +270
320 : #6d4660 : +280
330 : #6d4659 : +290
340 : #6d4653 : +300
350 : #6d464c : +310
30 : #6d5946 : -10
31 : #6d5a46 : -9
32 : #6d5b46 : -8
33 : #6d5b46 : -7
34 : #6d5c46 : -6
35 : #6d5d46 : -5
36 : #6d5d46 : -4
37 : #6d5e46 : -3
38 : #6d5e46 : -2
39 : #6d5f46 : -1
40 : #6d6046 : ±0
41 : #6d6046 : +1
42 : #6d6146 : +2
43 : #6d6246 : +3
44 : #6d6246 : +4
45 : #6d6346 : +5
46 : #6d6446 : +6
47 : #6d6446 : +7
48 : #6d6546 : +8
49 : #6d6646 : +9
50 : #6d6646 : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -22
2 : #5b5a57 : -20
4 : #5d5a56 : -18
6 : #5f5b54 : -16
8 : #605c52 : -14
10 : #625c50 : -12
12 : #645d4f : -10
14 : #665d4d : -8
16 : #685e4b : -6
18 : #695f49 : -4
20 : #6b5f47 : -2
22 : #6d6046 : ±0
24 : #6f6044 : +2
26 : #706142 : +4
28 : #726240 : +6
30 : #74623e : +8
32 : #76633d : +10
34 : #78633b : +12
36 : #796439 : +14
38 : #7b6537 : +16
40 : #7d6536 : +18
42 : #7f6634 : +20
44 : #816632 : +22
46 : #826730 : +24
48 : #84682e : +26
50 : #86682d : +28
52 : #88692b : +30
54 : #896929 : +32
56 : #8b6a27 : +34
58 : #8d6b25 : +36
60 : #8f6b24 : +38
62 : #916c22 : +40
64 : #926c20 : +42
66 : #946d1e : +44
68 : #966d1d : +46
70 : #986e1b : +48
72 : #9a6f19 : +50
74 : #9b6f17 : +52
76 : #9d7015 : +54
78 : #9f7014 : +56
80 : #a17112 : +58
82 : #a27210 : +60
84 : #a4720e : +62
86 : #a6730c : +64
88 : #a8730b : +66
90 : #aa7409 : +68
92 : #ab7507 : +70
94 : #ad7505 : +72
96 : #af7604 : +74
98 : #b17602 : +76
100 : #b37700 : +78
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -34
3 : #090806 : -32
5 : #100e0a : -30
7 : #16130e : -28
9 : #1c1912 : -26
11 : #221e16 : -24
13 : #28241a : -22
15 : #2f291e : -20
17 : #352f22 : -18
19 : #3b3426 : -16
21 : #41392a : -14
23 : #483f2e : -12
25 : #4e4432 : -10
27 : #544a36 : -8
29 : #5a4f3a : -6
31 : #60553e : -4
33 : #675a42 : -2
35 : #6d6046 : ±0
37 : #73654a : +2
39 : #796b4e : +4
41 : #807052 : +6
43 : #867656 : +8
45 : #8c7b5a : +10
47 : #92815d : +12
49 : #988661 : +14
51 : #9e8b67 : +16
53 : #a2906d : +18
55 : #a59573 : +20
57 : #a99979 : +22
59 : #ad9e7f : +24
61 : #b1a386 : +26
63 : #b5a88c : +28
65 : #b9ac92 : +30
67 : #bdb198 : +32
69 : #c1b69f : +34
71 : #c5baa5 : +36
73 : #c9bfab : +38
75 : #cdc4b1 : +40
77 : #d1c9b7 : +42
79 : #d5cdbe : +44
81 : #d9d2c4 : +46
83 : #ddd7ca : +48
85 : #e1dcd0 : +50
87 : #e5e0d7 : +52
89 : #e9e5dd : +54
91 : #edeae3 : +56
93 : #f1eee9 : +58
95 : #f5f3ef : +60
97 : #f9f8f6 : +62
99 : #fdfdfc : +64
CSS入門、作ってます。
text-shadow