#583b5e
RGB ( 赤 = 88, 緑 = 59, 青 = 94 )
HSL ( 色相 = 290°, 彩度 = 23%, 明度 = 30% )
H : 色相 ( 290° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5e3b3b : -290
10 : #5e413b : -280
20 : #5e473b : -270
30 : #5e4d3b : -260
40 : #5e523b : -250
50 : #5e583b : -240
60 : #5e5e3b : -230
70 : #585e3b : -220
80 : #525e3b : -210
90 : #4d5e3b : -200
100 : #475e3b : -190
110 : #415e3b : -180
120 : #3b5e3b : -170
130 : #3b5e41 : -160
140 : #3b5e47 : -150
150 : #3b5e4d : -140
160 : #3b5e52 : -130
170 : #3b5e58 : -120
180 : #3b5e5e : -110
190 : #3b585e : -100
200 : #3b525e : -90
210 : #3b4d5e : -80
220 : #3b475e : -70
230 : #3b415e : -60
240 : #3b3b5e : -50
250 : #413b5e : -40
260 : #473b5e : -30
270 : #4d3b5e : -20
280 : #523b5e : -10
290 : #583b5e : ±0
300 : #5e3b5e : +10
310 : #5e3b58 : +20
320 : #5e3b52 : +30
330 : #5e3b4d : +40
340 : #5e3b47 : +50
350 : #5e3b41 : +60
280 : #523b5e : -10
281 : #533b5e : -9
282 : #543b5e : -8
283 : #543b5e : -7
284 : #553b5e : -6
285 : #553b5e : -5
286 : #563b5e : -4
287 : #563b5e : -3
288 : #573b5e : -2
289 : #583b5e : -1
290 : #583b5e : ±0
291 : #593b5e : +1
292 : #593b5e : +2
293 : #5a3b5e : +3
294 : #5b3b5e : +4
295 : #5b3b5e : +5
296 : #5c3b5e : +6
297 : #5c3b5e : +7
298 : #5d3b5e : +8
299 : #5e3b5e : +9
300 : #5e3b5e : +10
S : 彩度 ( 23% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4d4c4d : -22
3 : #4e4a4f : -20
5 : #4f4950 : -18
7 : #504752 : -16
9 : #514653 : -14
11 : #524455 : -12
13 : #534356 : -10
15 : #544158 : -8
17 : #553f5a : -6
19 : #563e5b : -4
21 : #573c5d : -2
23 : #583b5e : ±0
25 : #593960 : +2
27 : #5a3861 : +4
29 : #5b3663 : +6
31 : #5c3564 : +8
33 : #5d3366 : +10
35 : #5e3267 : +12
37 : #5f3069 : +14
39 : #602f6a : +16
41 : #612d6c : +18
43 : #622c6d : +20
45 : #632a6f : +22
47 : #642970 : +24
49 : #652772 : +26
51 : #672574 : +28
53 : #682475 : +30
55 : #692277 : +32
57 : #6a2178 : +34
59 : #6b1f7a : +36
61 : #6c1e7b : +38
63 : #6d1c7d : +40
65 : #6e1b7e : +42
67 : #6f1980 : +44
69 : #701881 : +46
71 : #711683 : +48
73 : #721584 : +50
75 : #731386 : +52
77 : #741287 : +54
79 : #751089 : +56
81 : #760f8a : +58
83 : #770d8c : +60
85 : #780b8e : +62
87 : #790a8f : +64
89 : #7a0891 : +66
91 : #7b0792 : +68
93 : #7c0594 : +70
95 : #7d0495 : +72
97 : #7e0297 : +74
99 : #7f0198 : +76
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #060406 : -28
4 : #0c080d : -26
6 : #120c13 : -24
8 : #181019 : -22
10 : #1d141f : -20
12 : #231826 : -18
14 : #291b2c : -16
16 : #2f1f32 : -14
18 : #352338 : -12
20 : #3b273f : -10
22 : #412b45 : -8
24 : #472f4b : -6
26 : #4c3352 : -4
28 : #523758 : -2
30 : #583b5e : ±0
32 : #5e3f64 : +2
34 : #64436b : +4
36 : #6a4771 : +6
38 : #704b77 : +8
40 : #764f7d : +10
42 : #7c5284 : +12
44 : #81568a : +14
46 : #875a90 : +16
48 : #8d5e97 : +18
50 : #93629d : +20
52 : #9768a1 : +22
54 : #9c6fa5 : +24
56 : #a075a9 : +26
58 : #a47bad : +28
60 : #a982b0 : +30
62 : #ad88b4 : +32
64 : #b18eb8 : +34
66 : #b694bc : +36
68 : #ba9bc0 : +38
70 : #bea1c4 : +40
72 : #c3a7c8 : +42
74 : #c7adcc : +44
76 : #cbb4d0 : +46
78 : #d0bad4 : +48
80 : #d4c0d8 : +50
82 : #d8c7dc : +52
84 : #dccde0 : +54
86 : #e1d3e4 : +56
88 : #e5d9e7 : +58
90 : #e9e0eb : +60
92 : #eee6ef : +62
94 : #f2ecf3 : +64
96 : #f6f2f7 : +66
98 : #fbf9fb : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow