#5b0158
RGB ( 赤 = 91, 緑 = 1, 青 = 88 )
HSL ( 色相 = 302°, 彩度 = 98%, 明度 = 18% )
H : 色相 ( 302° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #5b0401 : -300
12 : #5b1301 : -290
22 : #5b2201 : -280
32 : #5b3101 : -270
42 : #5b4001 : -260
52 : #5b4f01 : -250
62 : #585b01 : -240
72 : #495b01 : -230
82 : #3a5b01 : -220
92 : #2b5b01 : -210
102 : #1c5b01 : -200
112 : #0d5b01 : -190
122 : #015b04 : -180
132 : #015b13 : -170
142 : #015b22 : -160
152 : #015b31 : -150
162 : #015b40 : -140
172 : #015b4f : -130
182 : #01585b : -120
192 : #01495b : -110
202 : #013a5b : -100
212 : #012b5b : -90
222 : #011c5b : -80
232 : #010d5b : -70
242 : #04015b : -60
252 : #13015b : -50
262 : #22015b : -40
272 : #31015b : -30
282 : #40015b : -20
292 : #4f015b : -10
302 : #5b0158 : ±0
312 : #5b0149 : +10
322 : #5b013a : +20
332 : #5b012b : +30
342 : #5b011c : +40
352 : #5b010d : +50
292 : #4f015b : -10
293 : #50015b : -9
294 : #52015b : -8
295 : #53015b : -7
296 : #55015b : -6
297 : #56015b : -5
298 : #58015b : -4
299 : #59015b : -3
300 : #5b015b : -2
301 : #5b0159 : -1
302 : #5b0158 : ±0
303 : #5b0156 : +1
304 : #5b0155 : +2
305 : #5b0153 : +3
306 : #5b0152 : +4
307 : #5b0150 : +5
308 : #5b014f : +6
309 : #5b014d : +7
310 : #5b014c : +8
311 : #5b014a : +9
312 : #5b0149 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -98
2 : #2f2d2f : -96
4 : #302c30 : -94
6 : #312b30 : -92
8 : #322a31 : -90
10 : #322932 : -88
12 : #332833 : -86
14 : #342734 : -84
16 : #352735 : -82
18 : #362636 : -80
20 : #372536 : -78
22 : #382437 : -76
24 : #392338 : -74
26 : #3a2239 : -72
28 : #3b213a : -70
30 : #3c203b : -68
32 : #3d1f3c : -66
34 : #3e1e3c : -64
36 : #3e1d3d : -62
38 : #3f1c3e : -60
40 : #401c3f : -58
42 : #411b40 : -56
44 : #421a41 : -54
46 : #431942 : -52
48 : #441842 : -50
50 : #451743 : -48
52 : #461644 : -46
54 : #471545 : -44
56 : #481446 : -42
58 : #491347 : -40
60 : #491248 : -38
62 : #4a1148 : -36
64 : #4b1149 : -34
66 : #4c104a : -32
68 : #4d0f4b : -30
70 : #4e0e4c : -28
72 : #4f0d4d : -26
74 : #500c4e : -24
76 : #510b4e : -22
78 : #520a4f : -20
80 : #530950 : -18
82 : #540851 : -16
84 : #540752 : -14
86 : #550653 : -12
88 : #560654 : -10
90 : #570554 : -8
92 : #580455 : -6
94 : #590356 : -4
96 : #5a0257 : -2
98 : #5b0158 : ±0
100 : #5c0059 : +2
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #0a000a : -16
4 : #140014 : -14
6 : #1e001d : -12
8 : #280027 : -10
10 : #320131 : -8
12 : #3d013b : -6
14 : #470144 : -4
16 : #51014e : -2
18 : #5b0158 : ±0
20 : #650162 : +2
22 : #6f016b : +4
24 : #790175 : +6
26 : #83017f : +8
28 : #8d0189 : +10
30 : #970292 : +12
32 : #a2029c : +14
34 : #ac02a6 : +16
36 : #b602b0 : +18
38 : #c002ba : +20
40 : #ca02c3 : +22
42 : #d402cd : +24
44 : #de02d7 : +26
46 : #e802e1 : +28
48 : #f202ea : +30
50 : #fc03f4 : +32
52 : #fd0df5 : +34
54 : #fd17f5 : +36
56 : #fd21f5 : +38
58 : #fd2bf6 : +40
60 : #fd35f6 : +42
62 : #fd3ff7 : +44
64 : #fd49f7 : +46
66 : #fd53f8 : +48
68 : #fd5df8 : +50
70 : #fd68f8 : +52
72 : #fe72f9 : +54
74 : #fe7cf9 : +56
76 : #fe86fa : +58
78 : #fe90fa : +60
80 : #fe9afb : +62
82 : #fea4fb : +64
84 : #feaefc : +66
86 : #feb8fc : +68
88 : #fec2fc : +70
90 : #fecdfd : +72
92 : #ffd7fd : +74
94 : #ffe1fe : +76
96 : #ffebfe : +78
98 : #fff5ff : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow