A versão curta
- Um gradiente rosa mistura tons de rosa, do blush pálido e do rosa velho ao coral e ao rosa-choque, muitas vezes com um pêssego, um vermelho ou um violeta vizinho.
- O rosa fica enjoativo quando é pálido, saturado e acompanhado só de outros pastéis, e moderno quando é combinado com um tom profundo.
- Parceiros profundos como o bordô escuro, o azul-marinho, o verde-floresta e o quase preto dão contraste ao rosa e um ar editorial.
- O texto branco funciona em rosas profundos como #be185d, mas fica abaixo do contraste de texto corrido em rosas mais vivos como #ec4899.
- Os rosas velhos, ligeiramente acinzentados, parecem mais adultos do que os rosas de rebuçado puros, e ficam bem a marcas de moda, beleza e cultura.
Nesta página
Um gradiente rosa mistura tons de rosa, do blush pálido e do rosa velho ao rosa-choque e à framboesa, passando pelo coral, muitas vezes com um pêssego, um vermelho ou um violeta vizinho. O rosa vive um longo momento na moda, na beleza, na comida e na cultura, mas tem uma forma bem conhecida de falhar: pálido demais, doce demais, açucarado demais. A solução é quase sempre o contraste. Junta o rosa a algo profundo e ele torna-se afirmativo e editorial. Seguem-se paletas, combinações e códigos CSS para gradientes rosa com ar moderno.
A gama dos rosas
O rosa é um vermelho mais claro, mas a família é vasta. O blush e o rosa velho são suaves e ligeiramente acinzentados, o que lhes dá um ar calmo e adulto. O coral e o salmão puxam para o laranja e são quentes e solares. O rosa-choque e o fúchsia puxam para o violeta e são ruidosos e brincalhões. A framboesa e o tom de baga são profundos o suficiente para levar texto branco.
O rosa que escolhes define o tom antes de qualquer outra coisa:
- Beleza e cuidados de pele: blush e rosa velho, muitas vezes com creme e um castanho quente.
- Moda e edição: rosa velho ou rosa-choque contra preto, azul-marinho ou bordô escuro.
- Comida e bebida: coral, salmão e framboesa, as cores da fruta e do sorvete.
- Música e vida noturna: rosa-choque e fúchsia a brilhar sobre quase preto.
- Casamentos e papelaria: blush e rosa sobre papel quente, com pormenores em verde profundo ou bordô.
Os rosas pálidos sobrepõem-se à família mais ampla dos pastéis; gradientes pastel explica como os manter frescos em vários tons.
Porque é que o rosa fica enjoativo
Enjoativo
- Rosa pálido misturado com azul-bebé ou lilás
- Todas as cores em pastel, nada escuro
- Rosa de rebuçado puro e vivo, sem cinzento nenhum
- Letra arredondada e balofa no mesmo rosa
Moderno
- Rosa contra um tom profundo
- Um escuro forte para o texto e para dar peso
- Rosas velhos, ligeiramente esbatidos
- Letra nítida em quase preto ou creme
Nenhuma das escolhas enjoativas está errada por si; as marcas infantis e de confeitaria usam-nas de propósito. Mas se queres que o rosa se leia como confiante e não como fofo, precisas de peso algures no design, e uma cor parceira profunda é a forma mais rápida de o conseguir.
Gradientes rosa suaves
Os rosas suaves são calmos, quentes e táteis. Ficam bem a cuidados de pele, papelaria, casamentos e bem-estar. Mantém-nos ligeiramente esbatidos em vez de vivos e usa tinta escura para o texto.
Rosa com tons profundos
É aqui que o rosa se torna editorial. Um parceiro profundo dá ao rosa algo contra o qual brilhar e dá à letra um lugar sólido onde assentar. As combinações abaixo são comuns na moda, na edição e na hotelaria por boas razões.
O verde e o rosa ficam quase em lados opostos do círculo cromático, por isso fazem um par marcante e uma má mistura. Mantém-nos em áreas separadas, como na divisão acima. Cores complementares explica porque é que os opostos ficam cinzentos quando se misturam.
Gradientes de rosa forte e rosa-choque
Os rosas-choque são as cores mais ruidosas da família. Ficam bem a música, vida noturna, momentos de saldos e marcas que querem ser vistas do outro lado de uma sala. Mistura-os na direção do laranja ou do violeta, nunca do verde ou do azul-petróleo.
O violeta a rosa é um dos gradientes mais familiares da internet. Se o usares, torna-o teu com uma base profunda, um realce quente ou grão. O guia de gradientes roxos tem mais sobre isso.
O rosa no design editorial
O rosa como capa de revista: campo calmo, letra confiante.
Uma publicação de citação em que a letra escura dá peso ao rosa.
O rosa editorial funciona porque trata a cor como uma base e não como decoração. Um único campo grande, espaço generoso, letra serifada ou grotesca bem definida em quase preto ou creme, e um pormenor numa cor parceira profunda. Design editorial para redes sociais explica os recursos em pormenor.
Texto sobre gradientes rosa
| Texto sobre fundo | Contraste | Veredicto |
|---|---|---|
Branco sobre #831843 | 9,7:1 | Excelente |
Branco sobre #be185d | 6,0:1 | Bom para texto corrido |
Branco sobre #db2777 | 4,6:1 | Passa à justa para texto corrido |
Branco sobre #ec4899 | 3,5:1 | Só texto grande |
#3b0a1e sobre #f472b6 | 6,4:1 | A tinta escura funciona aqui |
#1f2a44 sobre #f9c6d0 | 9,5:1 | Azul-marinho sobre rosa: excelente |
.cover {
background-color: #2a0a12;
background-image: linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%);
color: #fdf2f0;
}Num gradiente, verifica sempre o contraste onde o rosa é mais claro por trás do texto. Texto sobre um gradiente mostra como encontrar a zona calma.
Perguntas frequentes
Que cores combinam com o rosa num gradiente?
O pêssego, o coral, o vermelho e o violeta misturam-se de forma limpa com o rosa. Para contraste, junta o rosa a tons profundos como o bordô escuro, o azul-marinho, o cacau ou o quase preto. Mantém o verde numa área separada, porque rosa e verde misturados dão cinzento.
Como faço o rosa parecer menos infantil?
Usa rosas velhos ou profundos em vez de rosa de rebuçado vivo, junta uma cor parceira profunda e compõe a letra em quase preto ou creme em vez de noutro rosa.
Que cor de texto funciona num gradiente rosa?
O branco funciona em rosas profundos como a framboesa e o tom de baga. Em rosas mais claros, usa uma tinta escura, como um bordô profundo ou um azul-marinho.
Qual é o CSS de um gradiente rosa?
Por exemplo, linear-gradient(160deg, #2a0a12 0%, #6b1d2a 50%, #f4a6b8 100%) dá um gradiente de bordô escuro a rosa. Todas as paletas desta página podem ser copiadas como CSS.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil
