#583c57
RGB ( 赤 = 88, 緑 = 60, 青 = 87 )
HSL ( 色相 = 302°, 彩度 = 19%, 明度 = 29% )
H : 色相 ( 302° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #583d3c : -300
12 : #58423c : -290
22 : #58463c : -280
32 : #584b3c : -270
42 : #58503c : -260
52 : #58543c : -250
62 : #57583c : -240
72 : #52583c : -230
82 : #4e583c : -220
92 : #49583c : -210
102 : #44583c : -200
112 : #40583c : -190
122 : #3c583d : -180
132 : #3c5842 : -170
142 : #3c5846 : -160
152 : #3c584b : -150
162 : #3c5850 : -140
172 : #3c5854 : -130
182 : #3c5758 : -120
192 : #3c5258 : -110
202 : #3c4e58 : -100
212 : #3c4958 : -90
222 : #3c4458 : -80
232 : #3c4058 : -70
242 : #3d3c58 : -60
252 : #423c58 : -50
262 : #463c58 : -40
272 : #4b3c58 : -30
282 : #503c58 : -20
292 : #543c58 : -10
302 : #583c57 : ±0
312 : #583c52 : +10
322 : #583c4e : +20
332 : #583c49 : +30
342 : #583c44 : +40
352 : #583c40 : +50
292 : #543c58 : -10
293 : #553c58 : -9
294 : #553c58 : -8
295 : #563c58 : -7
296 : #563c58 : -6
297 : #573c58 : -5
298 : #573c58 : -4
299 : #583c58 : -3
300 : #583c58 : -2
301 : #583c58 : -1
302 : #583c57 : ±0
303 : #583c57 : +1
304 : #583c56 : +2
305 : #583c56 : +3
306 : #583c55 : +4
307 : #583c55 : +5
308 : #583c54 : +6
309 : #583c54 : +7
310 : #583c53 : +8
311 : #583c53 : +9
312 : #583c52 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #4b494b : -18
3 : #4c484c : -16
5 : #4e464d : -14
7 : #4f454f : -12
9 : #514350 : -10
11 : #524252 : -8
13 : #544053 : -6
15 : #553f54 : -4
17 : #573d56 : -2
19 : #583c57 : ±0
21 : #593a58 : +2
23 : #5b395a : +4
25 : #5c375b : +6
27 : #5e365d : +8
29 : #5f355e : +10
31 : #61335f : +12
33 : #623261 : +14
35 : #643062 : +16
37 : #652f63 : +18
39 : #672d65 : +20
41 : #682c66 : +22
43 : #6a2a68 : +24
45 : #6b2969 : +26
47 : #6d276a : +28
49 : #6e266c : +30
51 : #70246d : +32
53 : #71236f : +34
55 : #732170 : +36
57 : #742071 : +38
59 : #761e73 : +40
61 : #771d74 : +42
63 : #791b75 : +44
65 : #7a1a77 : +46
67 : #7b1878 : +48
69 : #7d177a : +50
71 : #7e157b : +52
73 : #80147c : +54
75 : #81127e : +56
77 : #83117f : +58
79 : #841080 : +60
81 : #860e82 : +62
83 : #870d83 : +64
85 : #890b85 : +66
87 : #8a0a86 : +68
89 : #8c0887 : +70
91 : #8d0789 : +72
93 : #8f058a : +74
95 : #90048c : +76
97 : #92028d : +78
99 : #93018e : +80
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -28
3 : #090609 : -26
5 : #0f0a0f : -24
7 : #150e15 : -22
9 : #1b131b : -20
11 : #211721 : -18
13 : #271b27 : -16
15 : #2e1f2d : -14
17 : #342333 : -12
19 : #3a2739 : -10
21 : #402b3f : -8
23 : #463045 : -6
25 : #4c344b : -4
27 : #523851 : -2
29 : #583c57 : ±0
31 : #5e405d : +2
33 : #644463 : +4
35 : #6a4869 : +6
37 : #704c6f : +8
39 : #765175 : +10
41 : #7c557b : +12
43 : #825981 : +14
45 : #895d87 : +16
47 : #8f618d : +18
49 : #956593 : +20
51 : #9a6a98 : +22
53 : #9e709c : +24
55 : #a276a1 : +26
57 : #a67da5 : +28
59 : #aa83a9 : +30
61 : #ae89ad : +32
63 : #b38fb1 : +34
65 : #b795b6 : +36
67 : #bb9bba : +38
69 : #bfa1be : +40
71 : #c3a7c2 : +42
73 : #c7adc6 : +44
75 : #cbb3cb : +46
77 : #cfb9cf : +48
79 : #d4bfd3 : +50
81 : #d8c5d7 : +52
83 : #dccbdb : +54
85 : #e0d1e0 : +56
87 : #e4d8e4 : +58
89 : #e8dee8 : +60
91 : #ece4ec : +62
93 : #f1eaf0 : +64
95 : #f5f0f5 : +66
97 : #f9f6f9 : +68
99 : #fdfcfd : +70
CSS入門、作ってます。
text-shadow