#5f5458
RGB ( 赤 = 95, 緑 = 84, 青 = 88 )
HSL ( 色相 = 338°, 彩度 = 6%, 明度 = 35% )
H : 色相 ( 338° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #5f5554 : -330
18 : #5f5754 : -320
28 : #5f5954 : -310
38 : #5f5b54 : -300
48 : #5f5c54 : -290
58 : #5f5e54 : -280
68 : #5d5f54 : -270
78 : #5b5f54 : -260
88 : #5a5f54 : -250
98 : #585f54 : -240
108 : #565f54 : -230
118 : #545f54 : -220
128 : #545f55 : -210
138 : #545f57 : -200
148 : #545f59 : -190
158 : #545f5b : -180
168 : #545f5c : -170
178 : #545f5e : -160
188 : #545d5f : -150
198 : #545b5f : -140
208 : #545a5f : -130
218 : #54585f : -120
228 : #54565f : -110
238 : #54545f : -100
248 : #55545f : -90
258 : #57545f : -80
268 : #59545f : -70
278 : #5b545f : -60
288 : #5c545f : -50
298 : #5e545f : -40
308 : #5f545d : -30
318 : #5f545b : -20
328 : #5f545a : -10
338 : #5f5458 : ±0
348 : #5f5456 : +10
358 : #5f5454 : +20
328 : #5f545a : -10
329 : #5f5459 : -9
330 : #5f5459 : -8
331 : #5f5459 : -7
332 : #5f5459 : -6
333 : #5f5459 : -5
334 : #5f5459 : -4
335 : #5f5458 : -3
336 : #5f5458 : -2
337 : #5f5458 : -1
338 : #5f5458 : ±0
339 : #5f5458 : +1
340 : #5f5457 : +2
341 : #5f5457 : +3
342 : #5f5457 : +4
343 : #5f5457 : +5
344 : #5f5457 : +6
345 : #5f5457 : +7
346 : #5f5456 : +8
347 : #5f5456 : +9
348 : #5f5456 : +10
S : 彩度 ( 6% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -6
2 : #5b5759 : -4
4 : #5d5658 : -2
6 : #5f5458 : ±0
8 : #605257 : +2
10 : #625057 : +4
12 : #644f56 : +6
14 : #664d56 : +8
16 : #684b55 : +10
18 : #694955 : +12
20 : #6b4754 : +14
22 : #6d4654 : +16
24 : #6f4454 : +18
26 : #704253 : +20
28 : #724053 : +22
30 : #743e52 : +24
32 : #763d52 : +26
34 : #783b51 : +28
36 : #793951 : +30
38 : #7b3750 : +32
40 : #7d3650 : +34
42 : #7f344f : +36
44 : #81324f : +38
46 : #82304e : +40
48 : #842e4e : +42
50 : #862d4d : +44
52 : #882b4d : +46
54 : #89294c : +48
56 : #8b274c : +50
58 : #8d254b : +52
60 : #8f244b : +54
62 : #91224a : +56
64 : #92204a : +58
66 : #941e4a : +60
68 : #961d49 : +62
70 : #981b49 : +64
72 : #9a1948 : +66
74 : #9b1748 : +68
76 : #9d1547 : +70
78 : #9f1447 : +72
80 : #a11246 : +74
82 : #a21046 : +76
84 : #a40e45 : +78
86 : #a60c45 : +80
88 : #a80b44 : +82
90 : #aa0944 : +84
92 : #ab0743 : +86
94 : #ad0543 : +88
96 : #af0442 : +90
98 : #b10242 : +92
100 : #b30041 : +94
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -34
3 : #080708 : -32
5 : #0e0c0d : -30
7 : #131112 : -28
9 : #181617 : -26
11 : #1e1a1c : -24
13 : #231f21 : -22
15 : #292426 : -20
17 : #2e292b : -18
19 : #332e30 : -16
21 : #393235 : -14
23 : #3e373a : -12
25 : #443c3f : -10
27 : #494144 : -8
29 : #4e4649 : -6
31 : #544a4e : -4
33 : #594f53 : -2
35 : #5f5458 : ±0
37 : #64595d : +2
39 : #695d62 : +4
41 : #6f6267 : +6
43 : #74676c : +8
45 : #7a6c71 : +10
47 : #7f7176 : +12
49 : #84757b : +14
51 : #8a7b80 : +16
53 : #8e8085 : +18
55 : #93858a : +20
57 : #988b90 : +22
59 : #9d9095 : +24
61 : #a2969a : +26
63 : #a69b9f : +28
65 : #aba0a4 : +30
67 : #b0a6aa : +32
69 : #b5abaf : +34
71 : #b9b1b4 : +36
73 : #beb6b9 : +38
75 : #c3bbbe : +40
77 : #c8c1c3 : +42
79 : #cdc6c9 : +44
81 : #d1ccce : +46
83 : #d6d1d3 : +48
85 : #dbd6d8 : +50
87 : #e0dcdd : +52
89 : #e5e1e3 : +54
91 : #e9e7e8 : +56
93 : #eeeced : +58
95 : #f3f1f2 : +60
97 : #f8f7f7 : +62
99 : #fdfcfc : +64
CSS入門、作ってます。
text-shadow