#6c663d
RGB ( 赤 = 108, 緑 = 102, 青 = 61 )
HSL ( 色相 = 52°, 彩度 = 28%, 明度 = 33% )
H : 色相 ( 52° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #6c3e3d : -50
12 : #6c463d : -40
22 : #6c4e3d : -30
32 : #6c563d : -20
42 : #6c5e3d : -10
52 : #6c653d : ±0
62 : #6a6c3d : +10
72 : #626c3d : +20
82 : #5a6c3d : +30
92 : #536c3d : +40
102 : #4b6c3d : +50
112 : #436c3d : +60
122 : #3d6c3e : +70
132 : #3d6c46 : +80
142 : #3d6c4e : +90
152 : #3d6c56 : +100
162 : #3d6c5e : +110
172 : #3d6c65 : +120
182 : #3d6a6c : +130
192 : #3d626c : +140
202 : #3d5a6c : +150
212 : #3d536c : +160
222 : #3d4b6c : +170
232 : #3d436c : +180
242 : #3e3d6c : +190
252 : #463d6c : +200
262 : #4e3d6c : +210
272 : #563d6c : +220
282 : #5e3d6c : +230
292 : #653d6c : +240
302 : #6c3d6a : +250
312 : #6c3d62 : +260
322 : #6c3d5a : +270
332 : #6c3d53 : +280
342 : #6c3d4b : +290
352 : #6c3d43 : +300
42 : #6c5e3d : -10
43 : #6c5e3d : -9
44 : #6c5f3d : -8
45 : #6c603d : -7
46 : #6c613d : -6
47 : #6c623d : -5
48 : #6c623d : -4
49 : #6c633d : -3
50 : #6c643d : -2
51 : #6c653d : -1
52 : #6c653d : ±0
53 : #6c663d : +1
54 : #6c673d : +2
55 : #6c683d : +3
56 : #6c693d : +4
57 : #6c693d : +5
58 : #6c6a3d : +6
59 : #6c6b3d : +7
60 : #6c6c3d : +8
61 : #6b6c3d : +9
62 : #6a6c3d : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -28
2 : #565552 : -26
4 : #585751 : -24
6 : #59584f : -22
8 : #5b594d : -20
10 : #5d5a4c : -18
12 : #5e5c4a : -16
14 : #605d48 : -14
16 : #625e47 : -12
18 : #635f45 : -10
20 : #656043 : -8
22 : #676242 : -6
24 : #686340 : -4
26 : #6a643e : -2
28 : #6c653d : ±0
30 : #6d673b : +2
32 : #6f6839 : +4
34 : #716938 : +6
36 : #726a36 : +8
38 : #746c34 : +10
40 : #766d32 : +12
42 : #776e31 : +14
44 : #796f2f : +16
46 : #7b712d : +18
48 : #7d722c : +20
50 : #7e732a : +22
52 : #807428 : +24
54 : #827527 : +26
56 : #837725 : +28
58 : #857823 : +30
60 : #877922 : +32
62 : #887a20 : +34
64 : #8a7c1e : +36
66 : #8c7d1d : +38
68 : #8d7e1b : +40
70 : #8f7f19 : +42
72 : #918118 : +44
74 : #928216 : +46
76 : #948314 : +48
78 : #968413 : +50
80 : #978611 : +52
82 : #99870f : +54
84 : #9b880d : +56
86 : #9d890c : +58
88 : #9e8a0a : +60
90 : #a08c08 : +62
92 : #a28d07 : +64
94 : #a38e05 : +66
96 : #a58f03 : +68
98 : #a79102 : +70
100 : #a89200 : +72
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -32
3 : #0a0906 : -30
5 : #100f09 : -28
7 : #17160d : -26
9 : #1d1c11 : -24
11 : #242214 : -22
13 : #2a2818 : -20
15 : #312e1c : -18
17 : #37341f : -16
19 : #3e3a23 : -14
21 : #454127 : -12
23 : #4b472a : -10
25 : #524d2e : -8
27 : #585332 : -6
29 : #5f5935 : -4
31 : #655f39 : -2
33 : #6c653d : ±0
35 : #726c40 : +2
37 : #797244 : +4
39 : #7f7848 : +6
41 : #867e4b : +8
43 : #8c844f : +10
45 : #938a53 : +12
47 : #999056 : +14
49 : #a0975a : +16
51 : #a59c5f : +18
53 : #a9a066 : +20
55 : #aca46c : +22
57 : #b0a873 : +24
59 : #b4ac79 : +26
61 : #b7b080 : +28
63 : #bbb486 : +30
65 : #bfb88d : +32
67 : #c2bc93 : +34
69 : #c6c09a : +36
71 : #cac4a0 : +38
73 : #cdc8a7 : +40
75 : #d1ccad : +42
77 : #d5d0b4 : +44
79 : #d8d4ba : +46
81 : #dcd8c1 : +48
83 : #e0ddc8 : +50
85 : #e3e1ce : +52
87 : #e7e5d5 : +54
89 : #ebe9db : +56
91 : #eeede2 : +58
93 : #f2f1e8 : +60
95 : #f6f5ef : +62
97 : #f9f9f5 : +64
99 : #fdfdfc : +66
CSS入門、作ってます。
text-shadow