#5c6070
RGB ( 赤 = 92, 緑 = 96, 青 = 112 )
HSL ( 色相 = 228°, 彩度 = 10%, 明度 = 40% )
H : 色相 ( 228° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #705f5c : -220
18 : #70625c : -210
28 : #70655c : -200
38 : #70695c : -190
48 : #706c5c : -180
58 : #70705c : -170
68 : #6d705c : -160
78 : #6a705c : -150
88 : #67705c : -140
98 : #63705c : -130
108 : #60705c : -120
118 : #5c705c : -110
128 : #5c705f : -100
138 : #5c7062 : -90
148 : #5c7065 : -80
158 : #5c7069 : -70
168 : #5c706c : -60
178 : #5c7070 : -50
188 : #5c6d70 : -40
198 : #5c6a70 : -30
208 : #5c6770 : -20
218 : #5c6370 : -10
228 : #5c6070 : ±0
238 : #5c5c70 : +10
248 : #5f5c70 : +20
258 : #625c70 : +30
268 : #655c70 : +40
278 : #695c70 : +50
288 : #6c5c70 : +60
298 : #705c70 : +70
308 : #705c6d : +80
318 : #705c6a : +90
328 : #705c67 : +100
338 : #705c63 : +110
348 : #705c60 : +120
358 : #705c5c : +130
218 : #5c6370 : -10
219 : #5c6370 : -9
220 : #5c6370 : -8
221 : #5c6270 : -7
222 : #5c6270 : -6
223 : #5c6270 : -5
224 : #5c6170 : -4
225 : #5c6170 : -3
226 : #5c6170 : -2
227 : #5c6070 : -1
228 : #5c6070 : ±0
229 : #5c6070 : +1
230 : #5c5f70 : +2
231 : #5c5f70 : +3
232 : #5c5f70 : +4
233 : #5c5e70 : +5
234 : #5c5e70 : +6
235 : #5c5e70 : +7
236 : #5c5d70 : +8
237 : #5c5d70 : +9
238 : #5c5c70 : +10
S : 彩度 ( 10% )
(0%) 渋い ~ 鮮やか (100%)
0 : #666666 : -10
2 : #646568 : -8
4 : #62646a : -6
6 : #60626c : -4
8 : #5e616e : -2
10 : #5c6070 : ±0
12 : #5a5f72 : +2
14 : #585d74 : +4
16 : #565c76 : +6
18 : #545b78 : +8
20 : #525a7a : +10
22 : #50597c : +12
24 : #4e577e : +14
26 : #4b5681 : +16
28 : #495583 : +18
30 : #475485 : +20
32 : #455287 : +22
34 : #435189 : +24
36 : #41508b : +26
38 : #3f4f8d : +28
40 : #3d4e8f : +30
42 : #3b4c91 : +32
44 : #394b93 : +34
46 : #374a95 : +36
48 : #354997 : +38
50 : #334799 : +40
52 : #31469b : +42
54 : #2f459d : +44
56 : #2d449f : +46
58 : #2b43a1 : +48
60 : #2941a3 : +50
62 : #2740a5 : +52
64 : #253fa7 : +54
66 : #233ea9 : +56
68 : #213cab : +58
70 : #1f3bad : +60
72 : #1d3aaf : +62
74 : #1b39b1 : +64
76 : #1837b4 : +66
78 : #1636b6 : +68
80 : #1435b8 : +70
82 : #1234ba : +72
84 : #1033bc : +74
86 : #0e31be : +76
88 : #0c30c0 : +78
90 : #0a2fc2 : +80
92 : #082ec4 : +82
94 : #062cc6 : +84
96 : #042bc8 : +86
98 : #022aca : +88
100 : #0029cc : +90
L : 明度 ( 40% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -40
2 : #050506 : -38
4 : #090a0b : -36
6 : #0e0e11 : -34
8 : #121316 : -32
10 : #17181c : -30
12 : #1c1d22 : -28
14 : #202227 : -26
16 : #25262d : -24
18 : #292b32 : -22
20 : #2e3038 : -20
22 : #32353e : -18
24 : #373a43 : -16
26 : #3c3e49 : -14
28 : #40434f : -12
30 : #454854 : -10
32 : #494d5a : -8
34 : #4e515f : -6
36 : #535665 : -4
38 : #575b6b : -2
40 : #5c6070 : ±0
42 : #606576 : +2
44 : #65697b : +4
46 : #6a6e81 : +6
48 : #6e7387 : +8
50 : #73788c : +10
52 : #787d91 : +12
54 : #7e8395 : +14
56 : #84889a : +16
58 : #898d9f : +18
60 : #8f93a3 : +20
62 : #9498a8 : +22
64 : #9a9eac : +24
66 : #a0a3b1 : +26
68 : #a5a9b6 : +28
70 : #abaeba : +30
72 : #b0b3bf : +32
74 : #b6b9c3 : +34
76 : #bcbec8 : +36
78 : #c1c4cd : +38
80 : #c7c9d1 : +40
82 : #cdced6 : +42
84 : #d2d4da : +44
86 : #d8d9df : +46
88 : #dddfe3 : +48
90 : #e3e4e8 : +50
92 : #e9e9ed : +52
94 : #eeeff1 : +54
96 : #f4f4f6 : +56
98 : #f9fafa : +58
100 : #ffffff : +60
CSS入門、作ってます。
text-shadow