#585558
RGB ( 赤 = 88, 緑 = 85, 青 = 88 )
HSL ( 色相 = 300°, 彩度 = 2%, 明度 = 34% )
H : 色相 ( 300° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #585555 : -300
10 : #585655 : -290
20 : #585655 : -280
30 : #585755 : -270
40 : #585755 : -260
50 : #585855 : -250
60 : #585855 : -240
70 : #585855 : -230
80 : #575855 : -220
90 : #575855 : -210
100 : #565855 : -200
110 : #565855 : -190
120 : #555855 : -180
130 : #555856 : -170
140 : #555856 : -160
150 : #555857 : -150
160 : #555857 : -140
170 : #555858 : -130
180 : #555858 : -120
190 : #555858 : -110
200 : #555758 : -100
210 : #555758 : -90
220 : #555658 : -80
230 : #555658 : -70
240 : #555558 : -60
250 : #565558 : -50
260 : #565558 : -40
270 : #575558 : -30
280 : #575558 : -20
290 : #585558 : -10
300 : #585558 : ±0
310 : #585558 : +10
320 : #585557 : +20
330 : #585557 : +30
340 : #585556 : +40
350 : #585556 : +50
290 : #585558 : -10
291 : #585558 : -9
292 : #585558 : -8
293 : #585558 : -7
294 : #585558 : -6
295 : #585558 : -5
296 : #585558 : -4
297 : #585558 : -3
298 : #585558 : -2
299 : #585558 : -1
300 : #585558 : ±0
301 : #585558 : +1
302 : #585558 : +2
303 : #585558 : +3
304 : #585558 : +4
305 : #585558 : +5
306 : #585558 : +6
307 : #585558 : +7
308 : #585558 : +8
309 : #585558 : +9
310 : #585558 : +10
S : 彩度 ( 2% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -2
2 : #585558 : ±0
4 : #5a535a : +2
6 : #5c515c : +4
8 : #5e505e : +6
10 : #5f4e5f : +8
12 : #614c61 : +10
14 : #634b63 : +12
16 : #654965 : +14
18 : #664766 : +16
20 : #684568 : +18
22 : #6a446a : +20
24 : #6c426c : +22
26 : #6d406d : +24
28 : #6f3e6f : +26
30 : #713d71 : +28
32 : #723b72 : +30
34 : #743974 : +32
36 : #763776 : +34
38 : #783678 : +36
40 : #793479 : +38
42 : #7b327b : +40
44 : #7d317d : +42
46 : #7f2f7f : +44
48 : #802d80 : +46
50 : #822b82 : +48
52 : #842a84 : +50
54 : #862886 : +52
56 : #872687 : +54
58 : #892489 : +56
60 : #8b238b : +58
62 : #8c218c : +60
64 : #8e1f8e : +62
66 : #901d90 : +64
68 : #921c92 : +66
70 : #931a93 : +68
72 : #951895 : +70
74 : #971797 : +72
76 : #991599 : +74
78 : #9a139a : +76
80 : #9c119c : +78
82 : #9e109e : +80
84 : #a00ea0 : +82
86 : #a10ca1 : +84
88 : #a30aa3 : +86
90 : #a509a5 : +88
92 : #a607a6 : +90
94 : #a805a8 : +92
96 : #aa03aa : +94
98 : #ac02ac : +96
100 : #ad00ad : +98
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #050505 : -32
4 : #0a0a0a : -30
6 : #100f10 : -28
8 : #151415 : -26
10 : #1a191a : -24
12 : #1f1e1f : -22
14 : #242324 : -20
16 : #2a282a : -18
18 : #2f2d2f : -16
20 : #343234 : -14
22 : #393739 : -12
24 : #3e3c3e : -10
26 : #444144 : -8
28 : #494649 : -6
30 : #4e4b4e : -4
32 : #535053 : -2
34 : #585558 : ±0
36 : #5e5a5e : +2
38 : #635f63 : +4
40 : #686468 : +6
42 : #6d696d : +8
44 : #726e72 : +10
46 : #787378 : +12
48 : #7d787d : +14
50 : #827d82 : +16
52 : #878287 : +18
54 : #8c878c : +20
56 : #918d91 : +22
58 : #969296 : +24
60 : #9b979b : +26
62 : #a09ca0 : +28
64 : #a5a1a5 : +30
66 : #aaa7aa : +32
68 : #afacaf : +34
70 : #b4b1b4 : +36
72 : #b9b6b9 : +38
74 : #bebbbe : +40
76 : #c3c1c3 : +42
78 : #c8c6c8 : +44
80 : #cdcbcd : +46
82 : #d2d0d2 : +48
84 : #d7d5d7 : +50
86 : #dcdbdc : +52
88 : #e1e0e1 : +54
90 : #e6e5e6 : +56
92 : #ebeaeb : +58
94 : #f0eff0 : +60
96 : #f5f5f5 : +62
98 : #fafafa : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow