#5a0228
RGB ( 赤 = 90, 緑 = 2, 青 = 40 )
HSL ( 色相 = 334°, 彩度 = 96%, 明度 = 18% )
H : 色相 ( 334° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #5a0802 : -330
14 : #5a1602 : -320
24 : #5a2502 : -310
34 : #5a3402 : -300
44 : #5a4202 : -290
54 : #5a5102 : -280
64 : #545a02 : -270
74 : #455a02 : -260
84 : #375a02 : -250
94 : #285a02 : -240
104 : #195a02 : -230
114 : #0b5a02 : -220
124 : #025a08 : -210
134 : #025a16 : -200
144 : #025a25 : -190
154 : #025a34 : -180
164 : #025a42 : -170
174 : #025a51 : -160
184 : #02545a : -150
194 : #02455a : -140
204 : #02375a : -130
214 : #02285a : -120
224 : #02195a : -110
234 : #020b5a : -100
244 : #08025a : -90
254 : #16025a : -80
264 : #25025a : -70
274 : #34025a : -60
284 : #42025a : -50
294 : #51025a : -40
304 : #5a0254 : -30
314 : #5a0245 : -20
324 : #5a0237 : -10
334 : #5a0228 : ±0
344 : #5a0219 : +10
354 : #5a020b : +20
324 : #5a0237 : -10
325 : #5a0235 : -9
326 : #5a0234 : -8
327 : #5a0232 : -7
328 : #5a0231 : -6
329 : #5a022f : -5
330 : #5a022e : -4
331 : #5a022c : -3
332 : #5a022b : -2
333 : #5a0229 : -1
334 : #5a0228 : ±0
335 : #5a0227 : +1
336 : #5a0225 : +2
337 : #5a0224 : +3
338 : #5a0222 : +4
339 : #5a0221 : +5
340 : #5a021f : +6
341 : #5a021e : +7
342 : #5a021c : +8
343 : #5a021b : +9
344 : #5a0219 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -96
2 : #2f2d2e : -94
4 : #302c2e : -92
6 : #312b2e : -90
8 : #322a2d : -88
10 : #32292d : -86
12 : #33282d : -84
14 : #34272d : -82
16 : #35272d : -80
18 : #36262d : -78
20 : #37252d : -76
22 : #38242d : -74
24 : #39232c : -72
26 : #3a222c : -70
28 : #3b212c : -68
30 : #3c202c : -66
32 : #3d1f2c : -64
34 : #3e1e2c : -62
36 : #3e1d2c : -60
38 : #3f1c2c : -58
40 : #401c2b : -56
42 : #411b2b : -54
44 : #421a2b : -52
46 : #43192b : -50
48 : #44182b : -48
50 : #45172b : -46
52 : #46162b : -44
54 : #47152b : -42
56 : #48142a : -40
58 : #49132a : -38
60 : #49122a : -36
62 : #4a112a : -34
64 : #4b112a : -32
66 : #4c102a : -30
68 : #4d0f2a : -28
70 : #4e0e2a : -26
72 : #4f0d29 : -24
74 : #500c29 : -22
76 : #510b29 : -20
78 : #520a29 : -18
80 : #530929 : -16
82 : #540829 : -14
84 : #540729 : -12
86 : #550629 : -10
88 : #560629 : -8
90 : #570528 : -6
92 : #580428 : -4
94 : #590328 : -2
96 : #5a0228 : ±0
98 : #5b0128 : +2
100 : #5c0028 : +4
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #0a0004 : -16
4 : #140009 : -14
6 : #1e010d : -12
8 : #280112 : -10
10 : #320116 : -8
12 : #3c011b : -6
14 : #46011f : -4
16 : #500224 : -2
18 : #5a0228 : ±0
20 : #64022c : +2
22 : #6e0231 : +4
24 : #780235 : +6
26 : #82033a : +8
28 : #8c033e : +10
30 : #960343 : +12
32 : #a00347 : +14
34 : #aa034c : +16
36 : #b40450 : +18
38 : #be0454 : +20
40 : #c80459 : +22
42 : #d2045d : +24
44 : #dc0462 : +26
46 : #e60566 : +28
48 : #f0056b : +30
50 : #fa056f : +32
52 : #fa0f75 : +34
54 : #fa197b : +36
56 : #fb2380 : +38
58 : #fb2d86 : +40
60 : #fb378c : +42
62 : #fb4192 : +44
64 : #fb4b97 : +46
66 : #fc559d : +48
68 : #fc5fa3 : +50
70 : #fc69a9 : +52
72 : #fc73ae : +54
74 : #fc7db4 : +56
76 : #fd87ba : +58
78 : #fd91c0 : +60
80 : #fd9bc5 : +62
82 : #fda5cb : +64
84 : #fdafd1 : +66
86 : #feb9d7 : +68
88 : #fec3dc : +70
90 : #fecde2 : +72
92 : #fed7e8 : +74
94 : #fee1ee : +76
96 : #ffebf3 : +78
98 : #fff5f9 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow