# Pintura de campos de cor e o gradiente moderno

[Canonical HTML page](https://gradiently.design/pt-pt/guide/color-field-painting)

Muito antes do CSS, um grupo de pintores provou que poucas cores, a encontrarem-se suavemente numa escala enorme, podiam comover as pessoas. Eis o que fizeram e o que isso ensina a quem faz gradientes hoje.

## The short version

- A pintura de campos de cor é um estilo de pintura abstrata que se desenvolveu nos Estados Unidos a partir do final dos anos 1940, assente em grandes áreas de cor quase lisa.
- Mark Rothko, Barnett Newman e Clyfford Still são os seus primeiros pintores mais conhecidos, seguidos por Helen Frankenthaler, Morris Louis e Kenneth Noland.
- As pinturas da maturidade de Rothko empilham retângulos de contornos suaves sobre um fundo colorido, construídos em camadas finas.
- As ideias por trás da pintura de campos de cor (poucas cores, transições suaves, grande escala e camadas luminosas) são as mesmas que fazem um gradiente digital parecer cuidado.
- Um gradiente inspirado na pintura de campos de cor funciona melhor com duas ou três cores próximas, contornos suaves e muito espaço ininterrupto.

A **pintura de campos de cor** (color field painting) é um tipo de pintura abstrata que surgiu nos Estados Unidos a partir do final dos anos 1940, em que grandes áreas de cor quase lisa enchem a tela e se tornam o tema. Mark Rothko, Barnett Newman e Clyfford Still lideraram a primeira geração; Helen Frankenthaler, Morris Louis e Kenneth Noland levaram-na mais longe nos anos 1950 e 1960. As suas descobertas sobre contornos suaves, escala e cor em camadas são, quase exatamente, o ofício de fazer um bom gradiente moderno.

## A pintura de campos de cor explicada

Nasceu do Expressionismo Abstrato em Nova Iorque, ao lado da pintura enérgica de gotejados e gestos de artistas como Jackson Pollock. Onde os pintores gestuais faziam da pincelada o tema, os pintores de campos de cor faziam quase o oposto: acalmavam a superfície para que a própria cor fizesse o trabalho. As telas eram muitas vezes enormes, pensadas para se ver de perto, de modo que a cor enchesse a visão.

O crítico Clement Greenberg defendeu a vertente posterior e mais fria do movimento e, em 1964, organizou uma exposição chamada Post-Painterly Abstraction que incluía muitos dos seus pintores. As etiquetas sobrepõem-se, e os próprios artistas muitas vezes as recusavam, mas a ideia partilhada é clara: a cor como acontecimento total.

## Os pintores e o que cada um fez

| Pintor | Abordagem de assinatura | O que um designer pode aproveitar |
| --- | --- | --- |
| Mark Rothko | Retângulos de contornos suaves empilhados sobre um fundo colorido, construídos com camadas finas | Contornos suaves e translucidez em camadas |
| Barnett Newman | Campos vastos cortados por estreitas faixas verticais a que chamava zips | Uma só linha precisa pode organizar uma superfície enorme |
| Clyfford Still | Áreas de cor irregulares, como chamas, que parecem rasgar a tela | Contornos irregulares dão tensão a uma cor calma |
| Helen Frankenthaler | Tinta diluída vertida sobre tela crua para ser absorvida, o seu método de soak stain | Cor que parece absorvida e não aplicada |
| Morris Louis | Véus e riachos de cor tingida a escorrer pela tela | Direção pelo fluxo e não por linhas |
| Kenneth Noland | Alvos, chevrons e riscas de cor limpa e tingida | Geometria e cor podem partilhar a mesma superfície |

Seis pintores mais associados à pintura de campos de cor. Procura o trabalho deles em coleções de museus: as reproduções no ecrã são o mais perto da fonte que um designer de gradientes consegue chegar.

A obra de Rothko é o exemplo mais famoso. Por volta de 1950, as suas pinturas assentaram em dois ou três retângulos esbatidos a flutuar sobre um fundo colorido. A Capela Rothko, em Houston, inaugurada em 1971, abriga um conjunto das suas grandes pinturas escuras tardias. A pintura Mountains and Sea, de Frankenthaler, de 1952, feita com o seu método de soak stain, influenciou Louis e Noland, que desenvolveram depois as suas próprias telas tingidas.

## O que a pintura de campos de cor ensina sobre gradientes

A maior parte dos gradientes genéricos falha exatamente nas coisas que estes pintores evitaram: demasiadas cores, transições duras, nenhum espaço para respirar. As lições traduzem-se diretamente.

### Pintura de campos de cor

- Duas ou três cores por tela
- Contornos esbatidos onde os campos se encontram
- Camadas finas que deixam brilhar as cores de baixo
- Escala enorme, sem mais nada a competir
- Cor escolhida pela forma como muda a vizinha

### Num gradiente moderno

- Um fundo mais dois tons próximos, não um arco-íris
- Transições longas e suaves em vez de paragens bruscas
- Camadas empilhadas com transparência parcial
- Superfícies até à borda com as palavras mantidas pequenas
- Vizinhas que se misturam bem, a um destaque de distância

O último ponto é o que mais conta. A cor muda consoante o que a rodeia, um princípio explorado a fundo em [teoria da cor](https://gradiently.design/pt-pt/guide/color-theory-basics). Um vermelho profundo ao lado de laranja brilha; o mesmo vermelho ao lado de cinzento parece castanho. Os pintores de campos de cor escolhiam as vizinhas com cuidado, e um bom gradiente faz o mesmo. [Cores análogas](https://gradiently.design/pt-pt/guide/analogous-colors) dá um método fiável para escolher vizinhas que se misturam bem.

## Gradientes inspirados nos campos de cor

Estes gradientes tomam emprestados os princípios, não as pinturas. São estudos no espírito do movimento, feitos com um único valor CSS cada um. [Arte com gradientes](https://gradiently.design/pt-pt/guide/gradient-art) e [ideias de arte abstrata](https://gradiently.design/pt-pt/guide/abstract-art-ideas) levam o mesmo pensamento mais longe.

- Dois campos suaves, empilhados: `linear-gradient(180deg, #5a1a18 0%, #5a1a18 6%, #e0662a 13%, #e8742f 40%, #5a1a18 48%, #5a1a18 52%, #2a0d0e 59%, #2a0d0e 88%, #5a1a18 95%, #5a1a18 100%)`
- Um só zip vertical: `linear-gradient(90deg, #7d1b1f 0%, #7d1b1f 61%, #f0d48a 61%, #f0d48a 62.5%, #7d1b1f 62.5%, #7d1b1f 100%)`
- Mancha em tela crua: `radial-gradient(ellipse 55% 45% at 38% 42%, #7fa7d1 0%, #b9cde0 40%, #ede4d3 75%)`
- Azul-noite, em camadas: `linear-gradient(180deg, #1c2340 0%, #1c2340 10%, #39457a 22%, #39457a 55%, #141a30 68%, #0d1120 100%)`

Campos suaves empilhados, um zip duro, uma mancha absorvida e um estudo escuro em camadas. Cada um usa no máximo três cores.

Para chegar mais perto dos retângulos a flutuar, com uma margem de fundo à volta e contornos que esbatem, sobrepõe elementos reais em vez de um só gradiente. Este CSS desenha dois campos de contornos suaves a flutuar sobre um fundo colorido.

```css
.canvas {
  position: relative;
  aspect-ratio: 3 / 4;
  background: #5a1a18; /* the ground */
  overflow: hidden;
}

.field {
  position: absolute;
  left: 9%;
  right: 9%;
  border-radius: 2px;
  filter: blur(6px);
}

.field.top {
  top: 7%;
  height: 40%;
  background: linear-gradient(180deg, #e8742f, #d65f25);
  opacity: 0.92;
}

.field.bottom {
  top: 53%;
  height: 38%;
  background: linear-gradient(180deg, #2a0d0e, #3a1312);
  opacity: 0.95;
}
```

Dois campos sobre um fundo. O desfoque esbate os contornos e a ligeira transparência deixa o fundo aquecer cada campo, um eco digital da tinta em camadas finas.

## Usar a ideia no design de hoje

O pensamento dos campos de cor serve tudo o que precisa de parecer calmo e sério: convites de galerias, capas de livros, capas de álbuns, uma secção de abertura com uma só linha curta. Mantém as palavras pequenas e de lado, para a cor continuar a ser o acontecimento principal. [Marketing para galerias de arte](https://gradiently.design/pt-pt/guide/art-gallery-marketing) mostra como as galerias usam esta contenção nas redes sociais, e um grão leve, tratado em [gradientes com grão](https://gradiently.design/pt-pt/guide/grainy-gradients), devolve alguma da superfície que uma pintura tem.

Um convite vertical de galeria com uma pequena linha de texto sobre um grande campo de cor em camadas suaves

Uma publicação de galeria no espírito dos campos de cor: uma superfície, uma pequena linha, nada mais a pedir atenção.

Os Marks do Gradiently assentam em pensamento semelhante: uma pequena família de cores, luz suave e um material, renderizados ao vivo atrás do que desenhares e a levar a sua zona mais calma para trás das tuas palavras. Cada um é comparado com todos os outros para que nenhum se pareça com outro, o que é um objetivo justo para algo inspirado em pintores que passaram anos à procura de um visual próprio.

## FAQ

### O que é a pintura de campos de cor?

Um estilo de pintura abstrata surgido nos Estados Unidos a partir do final dos anos 1940, em que grandes áreas de cor quase lisa enchem a tela e se tornam o tema.

### Quem são os principais pintores de campos de cor?

Mark Rothko, Barnett Newman e Clyfford Still na primeira geração, seguidos por Helen Frankenthaler, Morris Louis, Kenneth Noland e outros.

### Mark Rothko é um pintor de campos de cor?

Sim. As suas pinturas da maturidade, de retângulos de contornos suaves empilhados sobre um fundo colorido, são os exemplos mais conhecidos de pintura de campos de cor, embora ele não gostasse de etiquetas para a sua obra.

### Como faço um gradiente ao estilo de Rothko?

Usa um fundo colorido com duas ou três faixas de contornos suaves em cores próximas, esbatidas onde se encontram. Sobrepor formas desfocadas e ligeiramente transparentes aproxima-se mais do que um só gradiente.