Gradiente magenta: códigos elétricos entre o rosa e o roxo

Um gradiente magenta mistura a cor vívida entre o rosa e o roxo com uma vizinha: violeta para algo elétrico, laranja para calor, ciano para um ar cibernético, ou quase preto para profundidade. O magenta puro de ecrã é #ff00ff e é tão intenso que o gradiente costuma funcionar melhor quando o magenta é uma ponta da mistura e não o todo. Os códigos abaixo cobrem cada direção, com notas sobre texto e sobre o comportamento do magenta na impressão.

Magenta, rosa e roxo: onde fica a fronteira

Na roda de cores HSL, o magenta fica nos 300 graus, exatamente entre o vermelho e o azul. Desliza para o vermelho e torna-se rosa-choque; desliza para o azul e torna-se roxo e depois violeta. O magenta é também famoso por não aparecer no arco-íris: não há um único comprimento de onda de luz para ele, e o olho percebe-o quando recebe luz vermelha e azul em conjunto. É em parte por isso que parece tão artificial e elétrico.

Se o que procuras é algo mais suave e quente, mais perto do chiclete ou da rosa do que do néon, a coleção de gradiente rosa é um melhor ponto de partida. O magenta justifica-se quando queres uma cor por que ninguém consiga passar sem olhar.

Códigos de gradiente magenta elétrico

Do magenta ao violeta ou ao azul é o par elétrico clássico. Move-se ao longo da roda de cores sem atravessar nada turvo, por isso a mistura mantém-se vívida até ao fim. Ficam bem em música, vida noturna, jogos e ferramentas criativas. Se queres esta direção com mais azul do que magenta, tomam o lugar os códigos de gradiente roxo.

Códigos de magenta quente e pôr do sol

Vira para o outro lado da roda e o magenta aquece: passa pelo rosa-choque até ao coral e ao laranja. É o visual dos gráficos do fim dos anos 1980, do synthwave e do vaporwave, e de muitos cartazes de festivais de verão. Uma paragem superior escura transforma-o num entardecer. Cores vaporwave aprofunda esse mundo.

Magenta profundo em fundos escuros

O magenta parece mais caro quando brilha a sair da escuridão em vez de encher o formato. Um fundo vinho ou ameixa com uma luz magenta lê-se como moda de luxo ou um bar de fim de noite; espalhado por um cartaz inteiro, o mesmo magenta lê-se como um folheto de descontos. Os fundos escuros dão também uma casa fácil ao texto branco.

Magenta no ecrã e na impressão

O magenta de ecrã é feito de luz, enquanto o de impressão é tinta, uma das quatro cores de processo do CMYK. O magenta de processo é muito menos intenso, normalmente mostrado no ecrã como cerca de #ec008c. Assim, um gradiente magenta que brilha no teu monitor pode parecer liso e rosado num folheto. RGB vs CMYK explica a diferença, e gradientes para impressão trata das provas.

Texto sobre um gradiente magenta

O magenta é mais brilhante do que parece. Texto branco sobre #ff00ff puro só atinge um contraste de cerca de 3,1 para 1, o que serve para títulos grandes mas não para texto pequeno. O preto sobre o mesmo magenta chega a cerca de 6,7 para 1, mas parece pesado. Na prática, põe o texto branco na ponta mais profunda do gradiente, ou escurece o magenta por trás das palavras pequenas para algo como #a3006f.

Em sites, o magenta faz também um título em gradiente de grande efeito. Mantém-no em tamanhos de display grandes, onde o contraste aguenta, como se descreve em texto com gradiente em CSS.

.headline {
  font-size: clamp(2.5rem, 6vw, 5rem);
  background: linear-gradient(90deg, #ff00ff 0%, #6a00f4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

As cores intensas são exatamente onde um fundo que responde às tuas palavras mais ajuda. No Gradiently, um Mark magenta aprofunda a cor junto às letras e mantém a sua parte mais calma por trás do título, para que o brilho fique e as palavras se continuem a ler. Para a prima mais fria do magenta, vê os códigos de gradiente ciano.