#6c6347
RGB ( 赤 = 108, 緑 = 99, 青 = 71 )
HSL ( 色相 = 45°, 彩度 = 21%, 明度 = 35% )
H : 色相 ( 45° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #6c4a47 : -40
15 : #6c5047 : -30
25 : #6c5647 : -20
35 : #6c5c47 : -10
45 : #6c6347 : ±0
55 : #6c6947 : +10
65 : #696c47 : +20
75 : #636c47 : +30
85 : #5c6c47 : +40
95 : #566c47 : +50
105 : #506c47 : +60
115 : #4a6c47 : +70
125 : #476c4a : +80
135 : #476c50 : +90
145 : #476c56 : +100
155 : #476c5c : +110
165 : #476c63 : +120
175 : #476c69 : +130
185 : #47696c : +140
195 : #47636c : +150
205 : #475c6c : +160
215 : #47566c : +170
225 : #47506c : +180
235 : #474a6c : +190
245 : #4a476c : +200
255 : #50476c : +210
265 : #56476c : +220
275 : #5c476c : +230
285 : #63476c : +240
295 : #69476c : +250
305 : #6c4769 : +260
315 : #6c4763 : +270
325 : #6c475c : +280
335 : #6c4756 : +290
345 : #6c4750 : +300
355 : #6c474a : +310
35 : #6c5c47 : -10
36 : #6c5d47 : -9
37 : #6c5e47 : -8
38 : #6c5e47 : -7
39 : #6c5f47 : -6
40 : #6c5f47 : -5
41 : #6c6047 : -4
42 : #6c6147 : -3
43 : #6c6147 : -2
44 : #6c6247 : -1
45 : #6c6347 : ±0
46 : #6c6347 : +1
47 : #6c6447 : +2
48 : #6c6447 : +3
49 : #6c6547 : +4
50 : #6c6647 : +5
51 : #6c6647 : +6
52 : #6c6747 : +7
53 : #6c6847 : +8
54 : #6c6847 : +9
55 : #6c6947 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5a5a58 : -20
3 : #5c5b57 : -18
5 : #5e5b55 : -16
7 : #5f5c53 : -14
9 : #615d51 : -12
11 : #635e4f : -10
13 : #655f4e : -8
15 : #67604c : -6
17 : #68614a : -4
19 : #6a6248 : -2
21 : #6c6347 : ±0
23 : #6e6445 : +2
25 : #706443 : +4
27 : #716541 : +6
29 : #73663f : +8
31 : #75673e : +10
33 : #77683c : +12
35 : #78693a : +14
37 : #7a6a38 : +16
39 : #7c6b36 : +18
41 : #7e6c35 : +20
43 : #806c33 : +22
45 : #816d31 : +24
47 : #836e2f : +26
49 : #856f2e : +28
51 : #87702c : +30
53 : #89712a : +32
55 : #8a7228 : +34
57 : #8c7326 : +36
59 : #8e7425 : +38
61 : #907423 : +40
63 : #917521 : +42
65 : #93761f : +44
67 : #95771d : +46
69 : #97781c : +48
71 : #99791a : +50
73 : #9a7a18 : +52
75 : #9c7b16 : +54
77 : #9e7c15 : +56
79 : #a07d13 : +58
81 : #a27d11 : +60
83 : #a37e0f : +62
85 : #a57f0d : +64
87 : #a7800c : +66
89 : #a9810a : +68
91 : #aa8208 : +70
93 : #ac8306 : +72
95 : #ae8404 : +74
97 : #b08503 : +76
99 : #b28501 : +78
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -34
3 : #090806 : -32
5 : #0f0e0a : -30
7 : #16140e : -28
9 : #1c1912 : -26
11 : #221f16 : -24
13 : #28251a : -22
15 : #2e2a1e : -20
17 : #343022 : -18
19 : #3b3626 : -16
21 : #413b2a : -14
23 : #47412e : -12
25 : #4d4632 : -10
27 : #534c36 : -8
29 : #59523a : -6
31 : #60573e : -4
33 : #665d42 : -2
35 : #6c6347 : ±0
37 : #72684b : +2
39 : #786e4f : +4
41 : #7f7453 : +6
43 : #857957 : +8
45 : #8b7f5b : +10
47 : #91845f : +12
49 : #978a63 : +14
51 : #9c8f68 : +16
53 : #a0946e : +18
55 : #a49874 : +20
57 : #a89d7a : +22
59 : #aca180 : +24
61 : #b0a687 : +26
63 : #b4ab8d : +28
65 : #b8af93 : +30
67 : #bdb499 : +32
69 : #c1b89f : +34
71 : #c5bda6 : +36
73 : #c9c1ac : +38
75 : #cdc6b2 : +40
77 : #d1cbb8 : +42
79 : #d5cfbe : +44
81 : #d9d4c4 : +46
83 : #ddd8cb : +48
85 : #e1ddd1 : +50
87 : #e5e1d7 : +52
89 : #e9e6dd : +54
91 : #edeae3 : +56
93 : #f1efe9 : +58
95 : #f5f4f0 : +60
97 : #f9f8f6 : +62
99 : #fdfdfc : +64
CSS入門、作ってます。
text-shadow