#5a0229
RGB ( 赤 = 90, 緑 = 2, 青 = 41 )
HSL ( 色相 = 333°, 彩度 = 96%, 明度 = 18% )
H : 色相 ( 333° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #5a0602 : -330
13 : #5a1502 : -320
23 : #5a2402 : -310
33 : #5a3202 : -300
43 : #5a4102 : -290
53 : #5a5002 : -280
63 : #565a02 : -270
73 : #475a02 : -260
83 : #385a02 : -250
93 : #295a02 : -240
103 : #1b5a02 : -230
113 : #0c5a02 : -220
123 : #025a06 : -210
133 : #025a15 : -200
143 : #025a24 : -190
153 : #025a32 : -180
163 : #025a41 : -170
173 : #025a50 : -160
183 : #02565a : -150
193 : #02475a : -140
203 : #02385a : -130
213 : #02295a : -120
223 : #021b5a : -110
233 : #020c5a : -100
243 : #06025a : -90
253 : #15025a : -80
263 : #24025a : -70
273 : #32025a : -60
283 : #41025a : -50
293 : #50025a : -40
303 : #5a0256 : -30
313 : #5a0247 : -20
323 : #5a0238 : -10
333 : #5a0229 : ±0
343 : #5a021b : +10
353 : #5a020c : +20
323 : #5a0238 : -10
324 : #5a0237 : -9
325 : #5a0235 : -8
326 : #5a0234 : -7
327 : #5a0232 : -6
328 : #5a0231 : -5
329 : #5a022f : -4
330 : #5a022e : -3
331 : #5a022c : -2
332 : #5a022b : -1
333 : #5a0229 : ±0
334 : #5a0228 : +1
335 : #5a0227 : +2
336 : #5a0225 : +3
337 : #5a0224 : +4
338 : #5a0222 : +5
339 : #5a0221 : +6
340 : #5a021f : +7
341 : #5a021e : +8
342 : #5a021c : +9
343 : #5a021b : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -96
2 : #2f2d2e : -94
4 : #302c2e : -92
6 : #312b2e : -90
8 : #322a2e : -88
10 : #32292d : -86
12 : #33282d : -84
14 : #34272d : -82
16 : #35272d : -80
18 : #36262d : -78
20 : #37252d : -76
22 : #38242d : -74
24 : #39232d : -72
26 : #3a222d : -70
28 : #3b212d : -68
30 : #3c202d : -66
32 : #3d1f2c : -64
34 : #3e1e2c : -62
36 : #3e1d2c : -60
38 : #3f1c2c : -58
40 : #401c2c : -56
42 : #411b2c : -54
44 : #421a2c : -52
46 : #43192c : -50
48 : #44182c : -48
50 : #45172c : -46
52 : #46162c : -44
54 : #47152b : -42
56 : #48142b : -40
58 : #49132b : -38
60 : #49122b : -36
62 : #4a112b : -34
64 : #4b112b : -32
66 : #4c102b : -30
68 : #4d0f2b : -28
70 : #4e0e2b : -26
72 : #4f0d2b : -24
74 : #500c2b : -22
76 : #510b2a : -20
78 : #520a2a : -18
80 : #53092a : -16
82 : #54082a : -14
84 : #54072a : -12
86 : #55062a : -10
88 : #56062a : -8
90 : #57052a : -6
92 : #58042a : -4
94 : #59032a : -2
96 : #5a0229 : ±0
98 : #5b0129 : +2
100 : #5c0029 : +4
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #0a0005 : -16
4 : #140009 : -14
6 : #1e010e : -12
8 : #280112 : -10
10 : #320117 : -8
12 : #3c011c : -6
14 : #460120 : -4
16 : #500225 : -2
18 : #5a0229 : ±0
20 : #64022e : +2
22 : #6e0233 : +4
24 : #780237 : +6
26 : #82033c : +8
28 : #8c0341 : +10
30 : #960345 : +12
32 : #a0034a : +14
34 : #aa034e : +16
36 : #b40453 : +18
38 : #be0458 : +20
40 : #c8045c : +22
42 : #d20461 : +24
44 : #dc0465 : +26
46 : #e6056a : +28
48 : #f0056f : +30
50 : #fa0573 : +32
52 : #fa0f79 : +34
54 : #fa197e : +36
56 : #fb2384 : +38
58 : #fb2d8a : +40
60 : #fb378f : +42
62 : #fb4195 : +44
64 : #fb4b9a : +46
66 : #fc55a0 : +48
68 : #fc5fa6 : +50
70 : #fc69ab : +52
72 : #fc73b1 : +54
74 : #fc7db6 : +56
76 : #fd87bc : +58
78 : #fd91c2 : +60
80 : #fd9bc7 : +62
82 : #fda5cd : +64
84 : #fdafd2 : +66
86 : #feb9d8 : +68
88 : #fec3dd : +70
90 : #fecde3 : +72
92 : #fed7e9 : +74
94 : #fee1ee : +76
96 : #ffebf4 : +78
98 : #fff5f9 : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow