#5f5358
RGB ( 赤 = 95, 緑 = 83, 青 = 88 )
HSL ( 色相 = 335°, 彩度 = 7%, 明度 = 35% )
H : 色相 ( 335° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #5f5453 : -330
15 : #5f5653 : -320
25 : #5f5853 : -310
35 : #5f5a53 : -300
45 : #5f5c53 : -290
55 : #5f5e53 : -280
65 : #5e5f53 : -270
75 : #5c5f53 : -260
85 : #5a5f53 : -250
95 : #585f53 : -240
105 : #565f53 : -230
115 : #545f53 : -220
125 : #535f54 : -210
135 : #535f56 : -200
145 : #535f58 : -190
155 : #535f5a : -180
165 : #535f5c : -170
175 : #535f5e : -160
185 : #535e5f : -150
195 : #535c5f : -140
205 : #535a5f : -130
215 : #53585f : -120
225 : #53565f : -110
235 : #53545f : -100
245 : #54535f : -90
255 : #56535f : -80
265 : #58535f : -70
275 : #5a535f : -60
285 : #5c535f : -50
295 : #5e535f : -40
305 : #5f535e : -30
315 : #5f535c : -20
325 : #5f535a : -10
335 : #5f5358 : ±0
345 : #5f5356 : +10
355 : #5f5354 : +20
325 : #5f535a : -10
326 : #5f535a : -9
327 : #5f535a : -8
328 : #5f535a : -7
329 : #5f5359 : -6
330 : #5f5359 : -5
331 : #5f5359 : -4
332 : #5f5359 : -3
333 : #5f5359 : -2
334 : #5f5358 : -1
335 : #5f5358 : ±0
336 : #5f5358 : +1
337 : #5f5358 : +2
338 : #5f5358 : +3
339 : #5f5357 : +4
340 : #5f5357 : +5
341 : #5f5357 : +6
342 : #5f5357 : +7
343 : #5f5357 : +8
344 : #5f5356 : +9
345 : #5f5356 : +10
S : 彩度 ( 7% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5a5859 : -6
3 : #5c5759 : -4
5 : #5e5559 : -2
7 : #5f5358 : ±0
9 : #615158 : +2
11 : #634f58 : +4
13 : #654e57 : +6
15 : #674c57 : +8
17 : #684a57 : +10
19 : #6a4856 : +12
21 : #6c4756 : +14
23 : #6e4556 : +16
25 : #704356 : +18
27 : #714155 : +20
29 : #733f55 : +22
31 : #753e55 : +24
33 : #773c54 : +26
35 : #783a54 : +28
37 : #7a3854 : +30
39 : #7c3653 : +32
41 : #7e3553 : +34
43 : #803353 : +36
45 : #813153 : +38
47 : #832f52 : +40
49 : #852e52 : +42
51 : #872c52 : +44
53 : #892a51 : +46
55 : #8a2851 : +48
57 : #8c2651 : +50
59 : #8e2550 : +52
61 : #902350 : +54
63 : #912150 : +56
65 : #931f50 : +58
67 : #951d4f : +60
69 : #971c4f : +62
71 : #991a4f : +64
73 : #9a184e : +66
75 : #9c164e : +68
77 : #9e154e : +70
79 : #a0134d : +72
81 : #a2114d : +74
83 : #a30f4d : +76
85 : #a50d4d : +78
87 : #a70c4c : +80
89 : #a90a4c : +82
91 : #aa084c : +84
93 : #ac064b : +86
95 : #ae044b : +88
97 : #b0034b : +90
99 : #b2014b : +92
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -34
3 : #080708 : -32
5 : #0e0c0d : -30
7 : #131112 : -28
9 : #191517 : -26
11 : #1e1a1c : -24
13 : #231f21 : -22
15 : #292426 : -20
17 : #2e282b : -18
19 : #342d30 : -16
21 : #393235 : -14
23 : #3f373a : -12
25 : #443b3f : -10
27 : #4a4044 : -8
29 : #4f4549 : -6
31 : #554a4e : -4
33 : #5a4e53 : -2
35 : #5f5358 : ±0
37 : #65585d : +2
39 : #6a5c62 : +4
41 : #706167 : +6
43 : #75666c : +8
45 : #7b6b71 : +10
47 : #806f76 : +12
49 : #86747b : +14
51 : #8b7981 : +16
53 : #907f86 : +18
55 : #94848b : +20
57 : #998a90 : +22
59 : #9e8f95 : +24
61 : #a3959a : +26
63 : #a79aa0 : +28
65 : #aca0a5 : +30
67 : #b1a5aa : +32
69 : #b5aaaf : +34
71 : #bab0b4 : +36
73 : #bfb5b9 : +38
75 : #c4bbbf : +40
77 : #c8c0c4 : +42
79 : #cdc6c9 : +44
81 : #d2cbce : +46
83 : #d7d1d3 : +48
85 : #dbd6d8 : +50
87 : #e0dcdd : +52
89 : #e5e1e3 : +54
91 : #eae6e8 : +56
93 : #eeeced : +58
95 : #f3f1f2 : +60
97 : #f8f7f7 : +62
99 : #fdfcfc : +64
CSS入門、作ってます。
text-shadow