#676f62
RGB ( 赤 = 103, 緑 = 111, 青 = 98 )
HSL ( 色相 = 97°, 彩度 = 6%, 明度 = 41% )
H : 色相 ( 97° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #6f6462 : -90
17 : #6f6662 : -80
27 : #6f6862 : -70
37 : #6f6a62 : -60
47 : #6f6c62 : -50
57 : #6f6e62 : -40
67 : #6d6f62 : -30
77 : #6b6f62 : -20
87 : #696f62 : -10
97 : #676f62 : ±0
107 : #656f62 : +10
117 : #636f62 : +20
127 : #626f64 : +30
137 : #626f66 : +40
147 : #626f68 : +50
157 : #626f6a : +60
167 : #626f6c : +70
177 : #626f6e : +80
187 : #626d6f : +90
197 : #626b6f : +100
207 : #62696f : +110
217 : #62676f : +120
227 : #62656f : +130
237 : #62636f : +140
247 : #64626f : +150
257 : #66626f : +160
267 : #68626f : +170
277 : #6a626f : +180
287 : #6c626f : +190
297 : #6e626f : +200
307 : #6f626d : +210
317 : #6f626b : +220
327 : #6f6269 : +230
337 : #6f6267 : +240
347 : #6f6265 : +250
357 : #6f6263 : +260
87 : #696f62 : -10
88 : #696f62 : -9
89 : #696f62 : -8
90 : #696f62 : -7
91 : #686f62 : -6
92 : #686f62 : -5
93 : #686f62 : -4
94 : #686f62 : -3
95 : #686f62 : -2
96 : #676f62 : -1
97 : #676f62 : ±0
98 : #676f62 : +1
99 : #676f62 : +2
100 : #666f62 : +3
101 : #666f62 : +4
102 : #666f62 : +5
103 : #666f62 : +6
104 : #666f62 : +7
105 : #656f62 : +8
106 : #656f62 : +9
107 : #656f62 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -6
2 : #686b66 : -4
4 : #686d64 : -2
6 : #676f62 : ±0
8 : #677160 : +2
10 : #66735e : +4
12 : #66755c : +6
14 : #65775a : +8
16 : #657958 : +10
18 : #647b56 : +12
20 : #647d54 : +14
22 : #638052 : +16
24 : #63824f : +18
26 : #62844d : +20
28 : #62864b : +22
30 : #618849 : +24
32 : #618a47 : +26
34 : #608c45 : +28
36 : #608e43 : +30
38 : #5f9041 : +32
40 : #5f923f : +34
42 : #5e943d : +36
44 : #5e973b : +38
46 : #5d9938 : +40
48 : #5d9b36 : +42
50 : #5c9d34 : +44
52 : #5c9f32 : +46
54 : #5ba130 : +48
56 : #5ba32e : +50
58 : #5aa52c : +52
60 : #5aa72a : +54
62 : #59a928 : +56
64 : #59ab26 : +58
66 : #58ae24 : +60
68 : #58b021 : +62
70 : #57b21f : +64
72 : #57b41d : +66
74 : #56b61b : +68
76 : #56b819 : +70
78 : #56ba17 : +72
80 : #55bc15 : +74
82 : #55be13 : +76
84 : #54c011 : +78
86 : #54c20f : +80
88 : #53c50d : +82
90 : #53c70a : +84
92 : #52c908 : +86
94 : #52cb06 : +88
96 : #51cd04 : +90
98 : #51cf02 : +92
100 : #50d100 : +94
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -40
3 : #080807 : -38
5 : #0d0e0c : -36
7 : #121311 : -34
9 : #171816 : -32
11 : #1c1e1a : -30
13 : #21231f : -28
15 : #262924 : -26
17 : #2b2e29 : -24
19 : #30332e : -22
21 : #353932 : -20
23 : #3a3e37 : -18
25 : #3f443c : -16
27 : #444941 : -14
29 : #494e46 : -12
31 : #4e544a : -10
33 : #53594f : -8
35 : #585f54 : -6
37 : #5d6459 : -4
39 : #62695d : -2
41 : #676f62 : ±0
43 : #6c7467 : +2
45 : #717a6c : +4
47 : #767f71 : +6
49 : #7b8475 : +8
51 : #808a7b : +10
53 : #858e80 : +12
55 : #8b9385 : +14
57 : #90988b : +16
59 : #959d90 : +18
61 : #9aa296 : +20
63 : #9fa69b : +22
65 : #a5aba0 : +24
67 : #aab0a6 : +26
69 : #afb5ab : +28
71 : #b4b9b1 : +30
73 : #b9beb6 : +32
75 : #bec3bb : +34
77 : #c4c8c1 : +36
79 : #c9cdc6 : +38
81 : #ced1cc : +40
83 : #d3d6d1 : +42
85 : #d8dbd6 : +44
87 : #dde0dc : +46
89 : #e3e5e1 : +48
91 : #e8e9e7 : +50
93 : #edeeec : +52
95 : #f2f3f1 : +54
97 : #f7f8f7 : +56
99 : #fcfdfc : +58
CSS入門、作ってます。
text-shadow