Degradê vermelho e preto: códigos dramáticos sem faixas

Um degradê vermelho e preto leva um vermelho vivo como #dc2626 ou um carmim mais fundo como #b91c1c até um quase preto, de preferência passando por um vermelho-sangue como #450a0a, para que a transição continue rica. Poucos pares são tão dramáticos: o vermelho chama a atenção e o preto não deixa nada competir com ele. Aqui estão códigos de vermelho e preto para cinco tipos de drama, como evitar as faixas e as cores de texto que funcionam.

Como fazer o vermelho virar preto sem ficar marrom

O erro comum é misturar vermelho puro direto com preto puro em duas paradas. O meio dessa mistura é um vermelho amarronzado e turvo, que parece sujo em vez de escuro. Passe por vermelhos mais escuros e use um preto com um traço de vermelho, para que a sombra pertença à mesma família da luz.

Códigos de degradê vermelho e preto para cinco tipos de drama

Cinema e suspense

Quase tudo preto, com o vermelho chegando como uma única luz lateral, como uma placa de saída em uma sala escura. Quieto e tenso.

Esporte e noite de luta

Vermelho quente subindo de baixo, como se o piso da arena estivesse iluminado. Alto, físico e urgente.

Games

Diagonais nítidas e cortes secos, mais perto de um gráfico do que de um brilho. Parecem rápidos e agressivos.

Moda e luxo

Carmim profundo e preto laqueado, quase sem vermelho vivo. Pense em uma caixa laqueada ou em um forro de seda vermelha: polido, caro e controlado.

Halloween e terror

Vermelho que se acumula na base do quadro ou escorre pelos cantos. Com moderação, é de fato perturbador; em excesso, parece loja de fantasias.

Por que degradês vermelho e preto formam faixas e como evitar

Degradês escuros e lisos têm poucos tons distintos para trabalhar, então se quebram em degraus visíveis, especialmente depois que um aplicativo os recomprime. O vermelho saturado piora isso em vídeo, porque a maioria dos formatos guarda a cor em resolução menor que o brilho, e as bordas vermelhas borram. Faixas em degradês explica a mecânica.

1. 1

   Adicione granulação fina

   Uma camada leve de ruído quebra os degraus. Degradês granulados traz uma receita pronta.

2. 2

   Exporte no tamanho real

   Envie no tamanho da própria plataforma, como 1080×1350 para um post do Instagram, para não ser redimensionado e comprimido duas vezes.

3. 3

   Prefira PNG para imagens estáticas

   O PNG evita os artefatos em bloco que o JPEG cria em áreas escuras e lisas.

4. 4

   Mantenha alguma textura no vídeo

   Um fade de vermelho perfeitamente liso é o que há de mais difícil para um codificador de vídeo. Um pouco de movimento ou granulação sobrevive muito melhor.

Quanto vermelho usar com o preto

O vermelho carrega associações fortes: perigo, calor, paixão, urgência e, em muitos lugares, sorte e celebração. Ao lado do preto, esses sentidos ficam mais altos, então a proporção decide se um design parece dramático ou alarmante. Significado da cor vermelha trata das associações com mais profundidade.

Cores de texto sobre vermelho e preto

No lado preto, quase qualquer cor clara se lê. No lado vermelho, depende da profundidade do vermelho. O escarlate vivo é mais claro do que as pessoas pensam, então o texto branco ali deve ser grande e em negrito. As razões usam a fórmula da WCAG, em que 4,5:1 é a meta para texto pequeno.

CSS de degradê vermelho e preto

.drama {
  background-color: #0a0505;
  background-image:
    radial-gradient(ellipse at 50% 110%, #dc2626 0%, transparent 45%),
    linear-gradient(180deg, #0a0a0a 0%, #2a0606 70%, #450a0a 100%);
  color: #fef2f2;
}

.split {
  background: linear-gradient(120deg, #0a0a0a 55%, #b91c1c 55%);
}

Para mais vermelhos profundos, veja degradês vermelhos e degradês bordô. Se vermelho e preto são centrais na sua marca, reserve um Mark do Gradiently e ninguém mais poderá exportá-lo. Ele renderiza em qualquer tamanho, de um story a um banner de transmissão, e leva a região escura mais calma para trás das suas palavras automaticamente.