#5c646a
RGB ( 赤 = 92, 緑 = 100, 青 = 106 )
HSL ( 色相 = 206°, 彩度 = 7%, 明度 = 39% )
H : 色相 ( 206° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #6a5e5c : -200
16 : #6a605c : -190
26 : #6a635c : -180
36 : #6a655c : -170
46 : #6a675c : -160
56 : #6a695c : -150
66 : #696a5c : -140
76 : #676a5c : -130
86 : #646a5c : -120
96 : #626a5c : -110
106 : #606a5c : -100
116 : #5d6a5c : -90
126 : #5c6a5e : -80
136 : #5c6a60 : -70
146 : #5c6a63 : -60
156 : #5c6a65 : -50
166 : #5c6a67 : -40
176 : #5c6a69 : -30
186 : #5c696a : -20
196 : #5c676a : -10
206 : #5c646a : ±0
216 : #5c626a : +10
226 : #5c606a : +20
236 : #5c5d6a : +30
246 : #5e5c6a : +40
256 : #605c6a : +50
266 : #635c6a : +60
276 : #655c6a : +70
286 : #675c6a : +80
296 : #695c6a : +90
306 : #6a5c69 : +100
316 : #6a5c67 : +110
326 : #6a5c64 : +120
336 : #6a5c62 : +130
346 : #6a5c60 : +140
356 : #6a5c5d : +150
196 : #5c676a : -10
197 : #5c666a : -9
198 : #5c666a : -8
199 : #5c666a : -7
200 : #5c666a : -6
201 : #5c666a : -5
202 : #5c656a : -4
203 : #5c656a : -3
204 : #5c656a : -2
205 : #5c656a : -1
206 : #5c646a : ±0
207 : #5c646a : +1
208 : #5c646a : +2
209 : #5c646a : +3
210 : #5c636a : +4
211 : #5c636a : +5
212 : #5c636a : +6
213 : #5c636a : +7
214 : #5c636a : +8
215 : #5c626a : +9
216 : #5c626a : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #626464 : -6
3 : #606466 : -4
5 : #5e6468 : -2
7 : #5c646a : ±0
9 : #5a656c : +2
11 : #59656e : +4
13 : #576570 : +6
15 : #556572 : +8
17 : #536674 : +10
19 : #516676 : +12
21 : #4f6678 : +14
23 : #4d667a : +16
25 : #4b677c : +18
27 : #49677e : +20
29 : #476780 : +22
31 : #456882 : +24
33 : #436884 : +26
35 : #416886 : +28
37 : #3f6888 : +30
39 : #3d698a : +32
41 : #3b698c : +34
43 : #39698e : +36
45 : #376990 : +38
47 : #356a92 : +40
49 : #336a94 : +42
51 : #316a96 : +44
53 : #2f6a98 : +46
55 : #2d6b9a : +48
57 : #2b6b9c : +50
59 : #296b9e : +52
61 : #276ca0 : +54
63 : #256ca2 : +56
65 : #236ca4 : +58
67 : #216ca6 : +60
69 : #1f6da8 : +62
71 : #1d6daa : +64
73 : #1b6dac : +66
75 : #196dae : +68
77 : #176eb0 : +70
79 : #156eb2 : +72
81 : #136eb4 : +74
83 : #116eb6 : +76
85 : #0f6fb8 : +78
87 : #0d6fba : +80
89 : #0b6fbc : +82
91 : #0970be : +84
93 : #0770c0 : +86
95 : #0570c2 : +88
97 : #0370c4 : +90
99 : #0171c6 : +92
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #020303 : -38
3 : #070808 : -36
5 : #0c0d0e : -34
7 : #111213 : -32
9 : #151719 : -30
11 : #1a1c1e : -28
13 : #1f2123 : -26
15 : #242729 : -24
17 : #282c2e : -22
19 : #2d3134 : -20
21 : #323639 : -18
23 : #373b3f : -16
25 : #3b4044 : -14
27 : #40454a : -12
29 : #454b4f : -10
31 : #4a5055 : -8
33 : #4e555a : -6
35 : #535a5f : -4
37 : #585f65 : -2
39 : #5c646a : ±0
41 : #616a70 : +2
43 : #666f75 : +4
45 : #6b747b : +6
47 : #6f7980 : +8
49 : #747e86 : +10
51 : #79838b : +12
53 : #7f8890 : +14
55 : #848d94 : +16
57 : #8a9299 : +18
59 : #8f979e : +20
61 : #959ca3 : +22
63 : #9aa2a7 : +24
65 : #a0a7ac : +26
67 : #a5acb1 : +28
69 : #aab1b5 : +30
71 : #b0b6ba : +32
73 : #b5bbbf : +34
75 : #bbc0c4 : +36
77 : #c0c5c8 : +38
79 : #c6cacd : +40
81 : #cbcfd2 : +42
83 : #d1d4d7 : +44
85 : #d6d9db : +46
87 : #dcdee0 : +48
89 : #e1e3e5 : +50
91 : #e6e8ea : +52
93 : #ecedee : +54
95 : #f1f2f3 : +56
97 : #f7f7f8 : +58
99 : #fcfcfd : +60
CSS入門、作ってます。
text-shadow