#540350
RGB ( 赤 = 84, 緑 = 3, 青 = 80 )
HSL ( 色相 = 303°, 彩度 = 93%, 明度 = 17% )
H : 色相 ( 303° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #540703 : -300
13 : #541503 : -290
23 : #542203 : -280
33 : #542f03 : -270
43 : #543d03 : -260
53 : #544a03 : -250
63 : #505403 : -240
73 : #425403 : -230
83 : #355403 : -220
93 : #275403 : -210
103 : #1a5403 : -200
113 : #0c5403 : -190
123 : #035407 : -180
133 : #035415 : -170
143 : #035422 : -160
153 : #03542f : -150
163 : #03543d : -140
173 : #03544a : -130
183 : #035054 : -120
193 : #034254 : -110
203 : #033554 : -100
213 : #032754 : -90
223 : #031a54 : -80
233 : #030c54 : -70
243 : #070354 : -60
253 : #150354 : -50
263 : #220354 : -40
273 : #2f0354 : -30
283 : #3d0354 : -20
293 : #4a0354 : -10
303 : #540350 : ±0
313 : #540342 : +10
323 : #540335 : +20
333 : #540327 : +30
343 : #54031a : +40
353 : #54030c : +50
293 : #4a0354 : -10
294 : #4c0354 : -9
295 : #4d0354 : -8
296 : #4e0354 : -7
297 : #500354 : -6
298 : #510354 : -5
299 : #520354 : -4
300 : #540354 : -3
301 : #540352 : -2
302 : #540351 : -1
303 : #540350 : ±0
304 : #54034e : +1
305 : #54034d : +2
306 : #54034c : +3
307 : #54034a : +4
308 : #540349 : +5
309 : #540348 : +6
310 : #540346 : +7
311 : #540345 : +8
312 : #540344 : +9
313 : #540342 : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2c2b2c : -92
3 : #2d2a2d : -90
5 : #2e292d : -88
7 : #2e282e : -86
9 : #2f272f : -84
11 : #302730 : -82
13 : #312630 : -80
15 : #322531 : -78
17 : #332432 : -76
19 : #342333 : -74
21 : #342234 : -72
23 : #352134 : -70
25 : #362135 : -68
27 : #372036 : -66
29 : #381f37 : -64
31 : #391e37 : -62
33 : #3a1d38 : -60
35 : #3b1c39 : -58
37 : #3b1b3a : -56
39 : #3c1a3b : -54
41 : #3d1a3b : -52
43 : #3e193c : -50
45 : #3f183d : -48
47 : #40173e : -46
49 : #41163e : -44
51 : #41153f : -42
53 : #421440 : -40
55 : #431441 : -38
57 : #441342 : -36
59 : #451242 : -34
61 : #461143 : -32
63 : #471044 : -30
65 : #480f45 : -28
67 : #480e45 : -26
69 : #490d46 : -24
71 : #4a0d47 : -22
73 : #4b0c48 : -20
75 : #4c0b49 : -18
77 : #4d0a49 : -16
79 : #4e094a : -14
81 : #4e084b : -12
83 : #4f074c : -10
85 : #50074d : -8
87 : #51064d : -6
89 : #52054e : -4
91 : #53044f : -2
93 : #540350 : ±0
95 : #550250 : +2
97 : #550151 : +4
99 : #560052 : +6
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #050005 : -16
3 : #0f010e : -14
5 : #190117 : -12
7 : #220121 : -10
9 : #2c022a : -8
11 : #360234 : -6
13 : #40023d : -4
15 : #4a0346 : -2
17 : #540350 : ±0
19 : #5e0359 : +2
21 : #670462 : +4
23 : #71046c : +6
25 : #7b0475 : +8
27 : #85057e : +10
29 : #8f0588 : +12
31 : #990691 : +14
33 : #a2069b : +16
35 : #ac06a4 : +18
37 : #b607ad : +20
39 : #c007b7 : +22
41 : #ca07c0 : +24
43 : #d408c9 : +26
45 : #dd08d3 : +28
47 : #e708dc : +30
49 : #f109e6 : +32
51 : #f60eeb : +34
53 : #f718eb : +36
55 : #f722ec : +38
57 : #f72bed : +40
59 : #f835ee : +42
61 : #f83fef : +44
63 : #f849f0 : +46
65 : #f953f0 : +48
67 : #f95df1 : +50
69 : #f966f2 : +52
71 : #fa70f3 : +54
73 : #fa7af4 : +56
75 : #fb84f5 : +58
77 : #fb8ef5 : +60
79 : #fb98f6 : +62
81 : #fca1f7 : +64
83 : #fcabf8 : +66
85 : #fcb5f9 : +68
87 : #fdbffa : +70
89 : #fdc9fa : +72
91 : #fdd3fb : +74
93 : #feddfc : +76
95 : #fee6fd : +78
97 : #fef0fe : +80
99 : #fffaff : +82
CSS入門、作ってます。
text-shadow