#5b0156
RGB ( 赤 = 91, 緑 = 1, 青 = 86 )
HSL ( 色相 = 303°, 彩度 = 98%, 明度 = 18% )
H : 色相 ( 303° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #5b0501 : -300
13 : #5b1401 : -290
23 : #5b2301 : -280
33 : #5b3201 : -270
43 : #5b4101 : -260
53 : #5b5001 : -250
63 : #565b01 : -240
73 : #475b01 : -230
83 : #385b01 : -220
93 : #295b01 : -210
103 : #1a5b01 : -200
113 : #0b5b01 : -190
123 : #015b05 : -180
133 : #015b14 : -170
143 : #015b23 : -160
153 : #015b32 : -150
163 : #015b41 : -140
173 : #015b50 : -130
183 : #01565b : -120
193 : #01475b : -110
203 : #01385b : -100
213 : #01295b : -90
223 : #011a5b : -80
233 : #010b5b : -70
243 : #05015b : -60
253 : #14015b : -50
263 : #23015b : -40
273 : #32015b : -30
283 : #41015b : -20
293 : #50015b : -10
303 : #5b0156 : ±0
313 : #5b0147 : +10
323 : #5b0138 : +20
333 : #5b0129 : +30
343 : #5b011a : +40
353 : #5b010b : +50
293 : #50015b : -10
294 : #52015b : -9
295 : #53015b : -8
296 : #55015b : -7
297 : #56015b : -6
298 : #58015b : -5
299 : #59015b : -4
300 : #5b015b : -3
301 : #5b0159 : -2
302 : #5b0158 : -1
303 : #5b0156 : ±0
304 : #5b0155 : +1
305 : #5b0153 : +2
306 : #5b0152 : +3
307 : #5b0150 : +4
308 : #5b014f : +5
309 : #5b014d : +6
310 : #5b014c : +7
311 : #5b014a : +8
312 : #5b0149 : +9
313 : #5b0147 : +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 : #362635 : -80
20 : #372536 : -78
22 : #382437 : -76
24 : #392338 : -74
26 : #3a2239 : -72
28 : #3b2139 : -70
30 : #3c203a : -68
32 : #3d1f3b : -66
34 : #3e1e3c : -64
36 : #3e1d3d : -62
38 : #3f1c3e : -60
40 : #401c3e : -58
42 : #411b3f : -56
44 : #421a40 : -54
46 : #431941 : -52
48 : #441842 : -50
50 : #451743 : -48
52 : #461643 : -46
54 : #471544 : -44
56 : #481445 : -42
58 : #491346 : -40
60 : #491247 : -38
62 : #4a1148 : -36
64 : #4b1148 : -34
66 : #4c1049 : -32
68 : #4d0f4a : -30
70 : #4e0e4b : -28
72 : #4f0d4c : -26
74 : #500c4c : -24
76 : #510b4d : -22
78 : #520a4e : -20
80 : #53094f : -18
82 : #540850 : -16
84 : #540751 : -14
86 : #550651 : -12
88 : #560652 : -10
90 : #570553 : -8
92 : #580454 : -6
94 : #590355 : -4
96 : #5a0256 : -2
98 : #5b0156 : ±0
100 : #5c0057 : +2
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #0a000a : -16
4 : #140013 : -14
6 : #1e001d : -12
8 : #280026 : -10
10 : #320130 : -8
12 : #3d013a : -6
14 : #470143 : -4
16 : #51014d : -2
18 : #5b0156 : ±0
20 : #650160 : +2
22 : #6f016a : +4
24 : #790173 : +6
26 : #83017d : +8
28 : #8d0186 : +10
30 : #970290 : +12
32 : #a2029a : +14
34 : #ac02a3 : +16
36 : #b602ad : +18
38 : #c002b6 : +20
40 : #ca02c0 : +22
42 : #d402ca : +24
44 : #de02d3 : +26
46 : #e802dd : +28
48 : #f202e6 : +30
50 : #fc03f0 : +32
52 : #fd0df1 : +34
54 : #fd17f1 : +36
56 : #fd21f2 : +38
58 : #fd2bf2 : +40
60 : #fd35f3 : +42
62 : #fd3ff4 : +44
64 : #fd49f4 : +46
66 : #fd53f5 : +48
68 : #fd5df5 : +50
70 : #fd68f6 : +52
72 : #fe72f7 : +54
74 : #fe7cf7 : +56
76 : #fe86f8 : +58
78 : #fe90f8 : +60
80 : #fe9af9 : +62
82 : #fea4fa : +64
84 : #feaefa : +66
86 : #feb8fb : +68
88 : #fec2fb : +70
90 : #fecdfc : +72
92 : #ffd7fd : +74
94 : #ffe1fd : +76
96 : #ffebfe : +78
98 : #fff5fe : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow