#581593
RGB ( 赤 = 88, 緑 = 21, 青 = 147 )
HSL ( 色相 = 272°, 彩度 = 75%, 明度 = 33% )
H : 色相 ( 272° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #931915 : -270
12 : #932e15 : -260
22 : #934315 : -250
32 : #935815 : -240
42 : #936d15 : -230
52 : #938215 : -220
62 : #8f9315 : -210
72 : #7a9315 : -200
82 : #659315 : -190
92 : #509315 : -180
102 : #3b9315 : -170
112 : #269315 : -160
122 : #159319 : -150
132 : #15932e : -140
142 : #159343 : -130
152 : #159358 : -120
162 : #15936d : -110
172 : #159382 : -100
182 : #158f93 : -90
192 : #157a93 : -80
202 : #156593 : -70
212 : #155093 : -60
222 : #153b93 : -50
232 : #152693 : -40
242 : #191593 : -30
252 : #2e1593 : -20
262 : #431593 : -10
272 : #581593 : ±0
282 : #6d1593 : +10
292 : #821593 : +20
302 : #93158f : +30
312 : #93157a : +40
322 : #931565 : +50
332 : #931550 : +60
342 : #93153b : +70
352 : #931526 : +80
262 : #431593 : -10
263 : #451593 : -9
264 : #481593 : -8
265 : #4a1593 : -7
266 : #4c1593 : -6
267 : #4e1593 : -5
268 : #501593 : -4
269 : #521593 : -3
270 : #541593 : -2
271 : #561593 : -1
272 : #581593 : ±0
273 : #5a1593 : +1
274 : #5d1593 : +2
275 : #5f1593 : +3
276 : #611593 : +4
277 : #631593 : +5
278 : #651593 : +6
279 : #671593 : +7
280 : #691593 : +8
281 : #6b1593 : +9
282 : #6d1593 : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #545355 : -74
3 : #545257 : -72
5 : #545058 : -70
7 : #554e5a : -68
9 : #554d5c : -66
11 : #554b5d : -64
13 : #55495f : -62
15 : #554861 : -60
17 : #554662 : -58
19 : #554464 : -56
21 : #554266 : -54
23 : #554168 : -52
25 : #563f69 : -50
27 : #563d6b : -48
29 : #563c6d : -46
31 : #563a6e : -44
33 : #563870 : -42
35 : #563772 : -40
37 : #563573 : -38
39 : #563375 : -36
41 : #563277 : -34
43 : #573078 : -32
45 : #572e7a : -30
47 : #572d7c : -28
49 : #572b7d : -26
51 : #57297f : -24
53 : #572881 : -22
55 : #572682 : -20
57 : #572484 : -18
59 : #572386 : -16
61 : #582187 : -14
63 : #581f89 : -12
65 : #581d8b : -10
67 : #581c8d : -8
69 : #581a8e : -6
71 : #581890 : -4
73 : #581792 : -2
75 : #581593 : ±0
77 : #581395 : +2
79 : #591297 : +4
81 : #591098 : +6
83 : #590e9a : +8
85 : #590d9c : +10
87 : #590b9d : +12
89 : #59099f : +14
91 : #5908a1 : +16
93 : #5906a2 : +18
95 : #5904a4 : +20
97 : #5a03a6 : +22
99 : #5a01a7 : +24
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -32
3 : #08020d : -30
5 : #0d0316 : -28
7 : #13041f : -26
9 : #180628 : -24
11 : #1d0731 : -22
13 : #23083a : -20
15 : #280a43 : -18
17 : #2e0b4c : -16
19 : #330c55 : -14
21 : #380d5e : -12
23 : #3e0f67 : -10
25 : #431070 : -8
27 : #481178 : -6
29 : #4e1281 : -4
31 : #53148a : -2
33 : #581593 : ±0
35 : #5e169c : +2
37 : #6318a5 : +4
39 : #6819ae : +6
41 : #6e1ab7 : +8
43 : #731bc0 : +10
45 : #781dc9 : +12
47 : #7e1ed2 : +14
49 : #831fdb : +16
51 : #8824e0 : +18
53 : #8d2de1 : +20
55 : #9236e2 : +22
57 : #973fe4 : +24
59 : #9c48e5 : +26
61 : #a151e6 : +28
63 : #a55ae7 : +30
65 : #aa63e9 : +32
67 : #af6cea : +34
69 : #b475eb : +36
71 : #b97eed : +38
73 : #be87ee : +40
75 : #c28fef : +42
77 : #c798f0 : +44
79 : #cca1f2 : +46
81 : #d1aaf3 : +48
83 : #d6b3f4 : +50
85 : #dbbcf5 : +52
87 : #e0c5f7 : +54
89 : #e4cef8 : +56
91 : #e9d7f9 : +58
93 : #eee0fb : +60
95 : #f3e9fc : +62
97 : #f8f2fd : +64
99 : #fdfbfe : +66
CSS入門、作ってます。
text-shadow