14 Tons diferentes de Magenta (+ códigos HEX)
Explore todos os tons de magenta, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores magenta. Clique em qualquer tom para copiar o código.
O magenta não existe no espectro — o olho o inventa onde o vermelho e o violeta se encontram — e se comporta assim mesmo: sintético, barulhento, inconfundivelmente digital.
É uma primária de impressão, então reproduz muito bem. Deixe para acentos, a menos que a marca seja mesmo tão confiante.
- tutu#ffebff
- pink lace#ffd2ff
- lavender rose#ffa1ff
- blush pink#ff89ff
- pink flamingo#ff58ff
- magenta / fuchsia#ff27ff
- purple pizzazz#dd00dd
- hollywood cerise#c400c4
- flirt#ac00ac
- fresh eggplant#7b007b
- pompadour#630063
- blackberry#4a004a
- barossa#320032
- toledo#1a0019
Magenta: códigos HEX e RGB
magenta tem os seguintes códigos de cor principais:
HEX: #ffebff
RGB: (255, 235, 255).
Explore uma ampla gama de tons de magenta no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de magenta
Tutu
#ffebff
Tutu
#ffebff
Tutu
#fff0ff
Tutu
#fff0ff
Tutu
#fff5ff
Tutu
#fff5ff
Tutu
#fff5ff
Tutu
#fffaff
Tutu
#fffaff
White
#ffffff
Explore os tons mais escuros de magenta
Loulou
#340934
Wine Berry
#4c154c
Finn
#652565
Plum
#813b81
Strikemaster
#9b559b
Bouquet
#b474b4
Lilac
#cc94cc
Melanie
#e5bde5
magenta em HEX, RGB, HSL e CMYK
| HEX | #FF00FF | |
|---|---|---|
| RGB | rgb(255, 0, 255) | |
| HSL | hsl(300, 100%, 50%) | |
| CMYK | cmyk(0%, 100%, 0%, 0%) |
Tons claros e escuros de magenta
Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.
Mais claros
#ff27ff
#ff4eff
#ff75ff
#ff9cff
#ffc4ff
#ffebff
Mais escuros
#d800d8
#b100b1
#8a008a
#630063
#3b003b
#140014
Cores que combinam com magenta
Complementar
#FF00FF #00ff00
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#7f00ff #FF00FF #ff0080
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#FF00FF #ffff00 #00ffff
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre magenta
Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste
Tabela de tons de magenta
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.