#52686b
RGB ( 赤 = 82, 緑 = 104, 青 = 107 )
HSL ( 色相 = 187°, 彩度 = 13%, 明度 = 37% )
H : 色相 ( 187° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #6b5552 : -180
17 : #6b5952 : -170
27 : #6b5d52 : -160
37 : #6b6152 : -150
47 : #6b6552 : -140
57 : #6b6952 : -130
67 : #686b52 : -120
77 : #646b52 : -110
87 : #606b52 : -100
97 : #5b6b52 : -90
107 : #576b52 : -80
117 : #536b52 : -70
127 : #526b55 : -60
137 : #526b59 : -50
147 : #526b5d : -40
157 : #526b61 : -30
167 : #526b65 : -20
177 : #526b69 : -10
187 : #52686b : ±0
197 : #52646b : +10
207 : #52606b : +20
217 : #525b6b : +30
227 : #52576b : +40
237 : #52536b : +50
247 : #55526b : +60
257 : #59526b : +70
267 : #5d526b : +80
277 : #61526b : +90
287 : #65526b : +100
297 : #69526b : +110
307 : #6b5268 : +120
317 : #6b5264 : +130
327 : #6b5260 : +140
337 : #6b525b : +150
347 : #6b5257 : +160
357 : #6b5253 : +170
177 : #526b69 : -10
178 : #526b6a : -9
179 : #526b6a : -8
180 : #526b6b : -7
181 : #526a6b : -6
182 : #526a6b : -5
183 : #52696b : -4
184 : #52696b : -3
185 : #52696b : -2
186 : #52686b : -1
187 : #52686b : ±0
188 : #52676b : +1
189 : #52676b : +2
190 : #52676b : +3
191 : #52666b : +4
192 : #52666b : +5
193 : #52656b : +6
194 : #52656b : +7
195 : #52646b : +8
196 : #52646b : +9
197 : #52646b : +10
S : 彩度 ( 13% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5f5f : -12
3 : #5c6161 : -10
5 : #5a6263 : -8
7 : #586365 : -6
9 : #566567 : -4
11 : #546669 : -2
13 : #52686b : ±0
15 : #50696d : +2
17 : #4e6b6e : +4
19 : #4c6c70 : +6
21 : #4b6e72 : +8
23 : #496f74 : +10
25 : #477076 : +12
27 : #457278 : +14
29 : #43737a : +16
31 : #41757c : +18
33 : #3f767d : +20
35 : #3d787f : +22
37 : #3b7981 : +24
39 : #3a7b83 : +26
41 : #387c85 : +28
43 : #367d87 : +30
45 : #347f89 : +32
47 : #32808b : +34
49 : #30828d : +36
51 : #2e838e : +38
53 : #2c8590 : +40
55 : #2a8692 : +42
57 : #298894 : +44
59 : #278996 : +46
61 : #258a98 : +48
63 : #238c9a : +50
65 : #218d9c : +52
67 : #1f8f9e : +54
69 : #1d909f : +56
71 : #1b92a1 : +58
73 : #1993a3 : +60
75 : #1895a5 : +62
77 : #1696a7 : +64
79 : #1497a9 : +66
81 : #1299ab : +68
83 : #109aad : +70
85 : #0e9caf : +72
87 : #0c9db0 : +74
89 : #0a9fb2 : +76
91 : #08a0b4 : +78
93 : #07a2b6 : +80
95 : #05a3b8 : +82
97 : #03a5ba : +84
99 : #01a6bc : +86
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -36
3 : #070809 : -34
5 : #0b0e0e : -32
7 : #101414 : -30
9 : #14191a : -28
11 : #181f20 : -26
13 : #1d2425 : -24
15 : #212a2b : -22
17 : #263031 : -20
19 : #2a3537 : -18
21 : #2f3b3d : -16
23 : #334042 : -14
25 : #374648 : -12
27 : #3c4c4e : -10
29 : #405154 : -8
31 : #455759 : -6
33 : #495d5f : -4
35 : #4e6265 : -2
37 : #52686b : ±0
39 : #576d70 : +2
41 : #5b7376 : +4
43 : #5f797c : +6
45 : #647e82 : +8
47 : #688487 : +10
49 : #6d898d : +12
51 : #728f92 : +14
53 : #789397 : +16
55 : #7d989b : +18
57 : #839ca0 : +20
59 : #89a1a4 : +22
61 : #8fa5a8 : +24
63 : #94aaad : +26
65 : #9aafb1 : +28
67 : #a0b3b6 : +30
69 : #a6b8ba : +32
71 : #abbcbf : +34
73 : #b1c1c3 : +36
75 : #b7c6c8 : +38
77 : #bdcacc : +40
79 : #c2cfd0 : +42
81 : #c8d3d5 : +44
83 : #ced8d9 : +46
85 : #d4ddde : +48
87 : #dae1e2 : +50
89 : #dfe6e7 : +52
91 : #e5eaeb : +54
93 : #ebefef : +56
95 : #f1f4f4 : +58
97 : #f6f8f8 : +60
99 : #fcfdfd : +62
CSS入門、作ってます。
text-shadow