#696f77
RGB ( 赤 = 105, 緑 = 111, 青 = 119 )
HSL ( 色相 = 214°, 彩度 = 6%, 明度 = 44% )
H : 色相 ( 214° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #776a69 : -210
14 : #776d69 : -200
24 : #776f69 : -190
34 : #777169 : -180
44 : #777369 : -170
54 : #777669 : -160
64 : #767769 : -150
74 : #747769 : -140
84 : #727769 : -130
94 : #6f7769 : -120
104 : #6d7769 : -110
114 : #6b7769 : -100
124 : #69776a : -90
134 : #69776d : -80
144 : #69776f : -70
154 : #697771 : -60
164 : #697773 : -50
174 : #697776 : -40
184 : #697677 : -30
194 : #697477 : -20
204 : #697277 : -10
214 : #696f77 : ±0
224 : #696d77 : +10
234 : #696b77 : +20
244 : #6a6977 : +30
254 : #6d6977 : +40
264 : #6f6977 : +50
274 : #716977 : +60
284 : #736977 : +70
294 : #766977 : +80
304 : #776976 : +90
314 : #776974 : +100
324 : #776972 : +110
334 : #77696f : +120
344 : #77696d : +130
354 : #77696b : +140
204 : #697277 : -10
205 : #697177 : -9
206 : #697177 : -8
207 : #697177 : -7
208 : #697177 : -6
209 : #697077 : -5
210 : #697077 : -4
211 : #697077 : -3
212 : #697077 : -2
213 : #697077 : -1
214 : #696f77 : ±0
215 : #696f77 : +1
216 : #696f77 : +2
217 : #696f77 : +3
218 : #696e77 : +4
219 : #696e77 : +5
220 : #696e77 : +6
221 : #696e77 : +7
222 : #696e77 : +8
223 : #696d77 : +9
224 : #696d77 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -6
2 : #6e7072 : -4
4 : #6c7075 : -2
6 : #696f77 : ±0
8 : #676f79 : +2
10 : #656f7b : +4
12 : #636e7e : +6
14 : #606e80 : +8
16 : #5e6e82 : +10
18 : #5c6e84 : +12
20 : #5a6d87 : +14
22 : #586d89 : +16
24 : #556d8b : +18
26 : #536c8d : +20
28 : #516c90 : +22
30 : #4f6c92 : +24
32 : #4c6b94 : +26
34 : #4a6b96 : +28
36 : #486b99 : +30
38 : #466b9b : +32
40 : #436a9d : +34
42 : #416a9f : +36
44 : #3f6aa2 : +38
46 : #3d69a4 : +40
48 : #3a69a6 : +42
50 : #3869a8 : +44
52 : #3668ab : +46
54 : #3468ad : +48
56 : #3168af : +50
58 : #2f68b1 : +52
60 : #2d67b4 : +54
62 : #2b67b6 : +56
64 : #2867b8 : +58
66 : #2666ba : +60
68 : #2466bc : +62
70 : #2266bf : +64
72 : #1f65c1 : +66
74 : #1d65c3 : +68
76 : #1b65c5 : +70
78 : #1965c8 : +72
80 : #1664ca : +74
82 : #1464cc : +76
84 : #1264ce : +78
86 : #1063d1 : +80
88 : #0d63d3 : +82
90 : #0b63d5 : +84
92 : #0962d7 : +86
94 : #0762da : +88
96 : #0462dc : +90
98 : #0262de : +92
100 : #0061e0 : +94
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #050505 : -42
4 : #0a0a0b : -40
6 : #0e0f10 : -38
8 : #131416 : -36
10 : #18191b : -34
12 : #1d1e20 : -32
14 : #222326 : -30
16 : #26282b : -28
18 : #2b2e31 : -26
20 : #303336 : -24
22 : #35383b : -22
24 : #3a3d41 : -20
26 : #3e4246 : -18
28 : #43474c : -16
30 : #484c51 : -14
32 : #4d5156 : -12
34 : #51565c : -10
36 : #565b61 : -8
38 : #5b6067 : -6
40 : #60656c : -4
42 : #656a72 : -2
44 : #696f77 : ±0
46 : #6e747c : +2
48 : #737982 : +4
50 : #787e87 : +6
52 : #7d848c : +8
54 : #838991 : +10
56 : #888e96 : +12
58 : #8d939a : +14
60 : #93989f : +16
62 : #989da4 : +18
64 : #9ea2a9 : +20
66 : #a3a8ae : +22
68 : #a9adb2 : +24
70 : #aeb2b7 : +26
72 : #b3b7bc : +28
74 : #b9bcc1 : +30
76 : #bec1c5 : +32
78 : #c4c6ca : +34
80 : #c9cccf : +36
82 : #ced1d4 : +38
84 : #d4d6d9 : +40
86 : #d9dbdd : +42
88 : #dfe0e2 : +44
90 : #e4e5e7 : +46
92 : #e9eaec : +48
94 : #eff0f1 : +50
96 : #f4f5f5 : +52
98 : #fafafa : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow