#5b6766
RGB ( 赤 = 91, 緑 = 103, 青 = 102 )
HSL ( 色相 = 175°, 彩度 = 6%, 明度 = 38% )
H : 色相 ( 175° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #675c5b : -170
15 : #675e5b : -160
25 : #67605b : -150
35 : #67625b : -140
45 : #67645b : -130
55 : #67665b : -120
65 : #66675b : -110
75 : #64675b : -100
85 : #62675b : -90
95 : #60675b : -80
105 : #5e675b : -70
115 : #5c675b : -60
125 : #5b675c : -50
135 : #5b675e : -40
145 : #5b6760 : -30
155 : #5b6762 : -20
165 : #5b6764 : -10
175 : #5b6766 : ±0
185 : #5b6667 : +10
195 : #5b6467 : +20
205 : #5b6267 : +30
215 : #5b6067 : +40
225 : #5b5e67 : +50
235 : #5b5c67 : +60
245 : #5c5b67 : +70
255 : #5e5b67 : +80
265 : #605b67 : +90
275 : #625b67 : +100
285 : #645b67 : +110
295 : #665b67 : +120
305 : #675b66 : +130
315 : #675b64 : +140
325 : #675b62 : +150
335 : #675b60 : +160
345 : #675b5e : +170
355 : #675b5c : +180
165 : #5b6764 : -10
166 : #5b6764 : -9
167 : #5b6764 : -8
168 : #5b6764 : -7
169 : #5b6765 : -6
170 : #5b6765 : -5
171 : #5b6765 : -4
172 : #5b6765 : -3
173 : #5b6765 : -2
174 : #5b6766 : -1
175 : #5b6766 : ±0
176 : #5b6766 : +1
177 : #5b6766 : +2
178 : #5b6766 : +3
179 : #5b6767 : +4
180 : #5b6767 : +5
181 : #5b6767 : +6
182 : #5b6667 : +7
183 : #5b6667 : +8
184 : #5b6667 : +9
185 : #5b6667 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -6
2 : #5f6363 : -4
4 : #5d6564 : -2
6 : #5b6766 : ±0
8 : #596967 : +2
10 : #576b69 : +4
12 : #556d6b : +6
14 : #536e6c : +8
16 : #51706e : +10
18 : #4f726f : +12
20 : #4e7471 : +14
22 : #4c7673 : +16
24 : #4a7874 : +18
26 : #487a76 : +20
28 : #467c78 : +22
30 : #447e79 : +24
32 : #42807b : +26
34 : #40827c : +28
36 : #3e847e : +30
38 : #3c8680 : +32
40 : #3a8881 : +34
42 : #388a83 : +36
44 : #368c84 : +38
46 : #348d86 : +40
48 : #328f88 : +42
50 : #309189 : +44
52 : #2f938b : +46
54 : #2d958d : +48
56 : #2b978e : +50
58 : #299990 : +52
60 : #279b91 : +54
62 : #259d93 : +56
64 : #239f95 : +58
66 : #21a196 : +60
68 : #1fa398 : +62
70 : #1da599 : +64
72 : #1ba79b : +66
74 : #19a99d : +68
76 : #17ab9e : +70
78 : #15aca0 : +72
80 : #13aea2 : +74
82 : #11b0a3 : +76
84 : #10b2a5 : +78
86 : #0eb4a6 : +80
88 : #0cb6a8 : +82
90 : #0ab8aa : +84
92 : #08baab : +86
94 : #06bcad : +88
96 : #04beae : +90
98 : #02c0b0 : +92
100 : #00c2b2 : +94
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #050505 : -36
4 : #0a0b0b : -34
6 : #0e1010 : -32
8 : #131615 : -30
10 : #181b1b : -28
12 : #1d2020 : -26
14 : #222625 : -24
16 : #262b2b : -22
18 : #2b3130 : -20
20 : #303636 : -18
22 : #353b3b : -16
24 : #3a4140 : -14
26 : #3e4646 : -12
28 : #434c4b : -10
30 : #485150 : -8
32 : #4d5656 : -6
34 : #515c5b : -4
36 : #566160 : -2
38 : #5b6766 : ±0
40 : #606c6b : +2
42 : #657270 : +4
44 : #697776 : +6
46 : #6e7c7b : +8
48 : #738281 : +10
50 : #788786 : +12
52 : #7d8c8b : +14
54 : #839190 : +16
56 : #889694 : +18
58 : #8d9a99 : +20
60 : #939f9e : +22
62 : #98a4a3 : +24
64 : #9ea9a8 : +26
66 : #a3aead : +28
68 : #a9b2b1 : +30
70 : #aeb7b6 : +32
72 : #b3bcbb : +34
74 : #b9c1c0 : +36
76 : #bec5c5 : +38
78 : #c4caca : +40
80 : #c9cfcf : +42
82 : #ced4d3 : +44
84 : #d4d9d8 : +46
86 : #d9dddd : +48
88 : #dfe2e2 : +50
90 : #e4e7e7 : +52
92 : #e9ecec : +54
94 : #eff1f0 : +56
96 : #f4f5f5 : +58
98 : #fafafa : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow