#5c787a
RGB ( 赤 = 92, 緑 = 120, 青 = 122 )
HSL ( 色相 = 184°, 彩度 = 14%, 明度 = 42% )
H : 色相 ( 184° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #7a5e5c : -180
14 : #7a635c : -170
24 : #7a685c : -160
34 : #7a6d5c : -150
44 : #7a725c : -140
54 : #7a775c : -130
64 : #787a5c : -120
74 : #737a5c : -110
84 : #6e7a5c : -100
94 : #697a5c : -90
104 : #647a5c : -80
114 : #5f7a5c : -70
124 : #5c7a5e : -60
134 : #5c7a63 : -50
144 : #5c7a68 : -40
154 : #5c7a6d : -30
164 : #5c7a72 : -20
174 : #5c7a77 : -10
184 : #5c787a : ±0
194 : #5c737a : +10
204 : #5c6e7a : +20
214 : #5c697a : +30
224 : #5c647a : +40
234 : #5c5f7a : +50
244 : #5e5c7a : +60
254 : #635c7a : +70
264 : #685c7a : +80
274 : #6d5c7a : +90
284 : #725c7a : +100
294 : #775c7a : +110
304 : #7a5c78 : +120
314 : #7a5c73 : +130
324 : #7a5c6e : +140
334 : #7a5c69 : +150
344 : #7a5c64 : +160
354 : #7a5c5f : +170
174 : #5c7a77 : -10
175 : #5c7a78 : -9
176 : #5c7a78 : -8
177 : #5c7a79 : -7
178 : #5c7a79 : -6
179 : #5c7a7a : -5
180 : #5c7a7a : -4
181 : #5c7a7a : -3
182 : #5c797a : -2
183 : #5c797a : -1
184 : #5c787a : ±0
185 : #5c787a : +1
186 : #5c777a : +2
187 : #5c777a : +3
188 : #5c767a : +4
189 : #5c767a : +5
190 : #5c757a : +6
191 : #5c757a : +7
192 : #5c747a : +8
193 : #5c747a : +9
194 : #5c737a : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6b6b6b : -14
2 : #696d6d : -12
4 : #676f6f : -10
6 : #657172 : -8
8 : #637374 : -6
10 : #607476 : -4
12 : #5e7678 : -2
14 : #5c787a : ±0
16 : #5a7a7c : +2
18 : #587c7e : +4
20 : #567e81 : +6
22 : #548083 : +8
24 : #518185 : +10
26 : #4f8387 : +12
28 : #4d8589 : +14
30 : #4b878b : +16
32 : #49898d : +18
34 : #478b90 : +20
36 : #458d92 : +22
38 : #428e94 : +24
40 : #409096 : +26
42 : #3e9298 : +28
44 : #3c949a : +30
46 : #3a969c : +32
48 : #38989f : +34
50 : #369aa1 : +36
52 : #339ba3 : +38
54 : #319da5 : +40
56 : #2f9fa7 : +42
58 : #2da1a9 : +44
60 : #2ba3ab : +46
62 : #29a5ae : +48
64 : #27a7b0 : +50
66 : #24a8b2 : +52
68 : #22aab4 : +54
70 : #20acb6 : +56
72 : #1eaeb8 : +58
74 : #1cb0ba : +60
76 : #1ab2bc : +62
78 : #18b3bf : +64
80 : #15b5c1 : +66
82 : #13b7c3 : +68
84 : #11b9c5 : +70
86 : #0fbbc7 : +72
88 : #0dbdc9 : +74
90 : #0bbfcb : +76
92 : #09c0ce : +78
94 : #06c2d0 : +80
96 : #04c4d2 : +82
98 : #02c6d4 : +84
100 : #00c8d6 : +86
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #040606 : -40
4 : #090b0c : -38
6 : #0d1111 : -36
8 : #121717 : -34
10 : #161d1d : -32
12 : #1a2223 : -30
14 : #1f2829 : -28
16 : #232e2f : -26
18 : #273334 : -24
20 : #2c393a : -22
22 : #303f40 : -20
24 : #354546 : -18
26 : #394a4c : -16
28 : #3d5051 : -14
30 : #425657 : -12
32 : #465c5d : -10
34 : #4b6163 : -8
36 : #4f6769 : -6
38 : #536d6e : -4
40 : #587274 : -2
42 : #5c787a : ±0
44 : #607e80 : +2
46 : #658486 : +4
48 : #69898c : +6
50 : #6e8f91 : +8
52 : #739396 : +10
54 : #79989a : +12
56 : #7f9c9f : +14
58 : #85a1a3 : +16
60 : #8ba5a7 : +18
62 : #91aaac : +20
64 : #96aeb0 : +22
66 : #9cb3b4 : +24
68 : #a2b7b9 : +26
70 : #a8bcbd : +28
72 : #aec0c2 : +30
74 : #b3c5c6 : +32
76 : #b9c9ca : +34
78 : #bfcecf : +36
80 : #c5d2d3 : +38
82 : #cbd7d8 : +40
84 : #d0dbdc : +42
86 : #d6e0e0 : +44
88 : #dce4e5 : +46
90 : #e2e9e9 : +48
92 : #e8eded : +50
94 : #eef2f2 : +52
96 : #f3f6f6 : +54
98 : #f9fbfb : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow