# Color field painting e il gradiente moderno

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

Molto prima del CSS, un gruppo di pittori dimostrò che pochi colori, che si incontrano dolcemente su scala enorme, potevano commuovere. Ecco cosa fecero e cosa insegna a chi crea gradienti oggi.

## The short version

- La color field painting è uno stile di pittura astratta nato negli Stati Uniti dalla fine degli anni Quaranta, basato su ampie aree di colore quasi piatto.
- Mark Rothko, Barnett Newman e Clyfford Still sono i suoi primi pittori più noti, seguiti da Helen Frankenthaler, Morris Louis e Kenneth Noland.
- I dipinti della maturità di Rothko sovrappongono rettangoli di colore dai bordi morbidi su un fondo colorato, costruiti in strati sottili.
- Le idee dietro la color field painting (pochi colori, transizioni morbide, grande scala e stratificazione luminosa) sono le stesse che fanno sembrare curato un gradiente digitale.
- Un gradiente ispirato alla color field painting funziona meglio con due o tre colori vicini, bordi morbidi e molto spazio ininterrotto.

La **color field painting** è un tipo di pittura astratta emersa negli Stati Uniti dalla fine degli anni Quaranta, in cui ampie aree di colore quasi piatto riempiono la tela e diventano il soggetto. Mark Rothko, Barnett Newman e Clyfford Still guidarono la prima generazione; Helen Frankenthaler, Morris Louis e Kenneth Noland la spinsero oltre negli anni Cinquanta e Sessanta. Le loro scoperte su bordi morbidi, scala e colore stratificato sono, quasi esattamente, l’arte di fare un buon gradiente moderno.

## La color field painting spiegata

Nacque dall’Espressionismo astratto a New York, accanto alla pittura energica di gesto e di sgocciolatura di artisti come Jackson Pollock. Dove i pittori del gesto facevano della pennellata il soggetto, i pittori del campo di colore fecero quasi il contrario: quietarono la superficie perché fosse il colore stesso a lavorare. Le tele erano spesso enormi, pensate per essere viste da vicino, in modo che il colore riempisse la vista.

Il critico Clement Greenberg sostenne il filone successivo, più freddo, del movimento e nel 1964 organizzò una mostra intitolata Post-Painterly Abstraction che includeva molti dei suoi pittori. Le etichette si sovrappongono, e gli artisti stessi spesso le rifiutavano, ma l’idea condivisa è chiara: il colore come intero evento.

## I pittori e cosa fece ciascuno

| Pittore | Approccio caratteristico | Cosa può prendere un designer |
| --- | --- | --- |
| Mark Rothko | Rettangoli dai bordi morbidi sovrapposti su un fondo colorato, costruiti con strati sottili | Bordi morbidi e trasparenze stratificate |
| Barnett Newman | Vasti campi attraversati da strette bande verticali che chiamava zip | Una sola linea precisa può organizzare una superficie enorme |
| Clyfford Still | Aree di colore frastagliate, simili a fiamme, che sembrano strappare la tela | I bordi irregolari aggiungono tensione a un colore calmo |
| Helen Frankenthaler | Colore diluito versato su tela non preparata perché si impregnasse, il suo metodo soak stain | Un colore che sembra assorbito, non applicato |
| Morris Louis | Veli e rivoli di colore macchiato che scorrono lungo la tela | Direzione data dal flusso e non dalle linee |
| Kenneth Noland | Bersagli, chevron e strisce di colore pulito e macchiato | Geometria e colore possono condividere una sola superficie |

Sei pittori tra i più associati alla color field painting. Cerca le loro opere nelle collezioni dei musei: le riproduzioni a schermo sono ciò che di più vicino alla fonte può avere chi progetta gradienti.

L’opera di Rothko è l’esempio più famoso. Dal 1950 circa i suoi dipinti si assestarono su due o tre rettangoli sfocati sospesi su un fondo colorato. La Rothko Chapel di Houston, inaugurata nel 1971, ospita una serie dei suoi grandi dipinti scuri della tarda produzione. Il dipinto di Frankenthaler del 1952, Mountains and Sea, realizzato con il suo metodo soak stain, influenzò Louis e Noland, che svilupparono poi le proprie tele macchiate.

## Cosa insegna la color field painting sui gradienti

La maggior parte dei gradienti generici fallisce proprio nei modi che questi pittori evitarono: troppi colori, transizioni dure, nessuno spazio per respirare. Le loro lezioni si traducono direttamente.

### Color field painting

- Due o tre colori per tela
- Bordi sfumati dove i campi si incontrano
- Strati sottili che lasciano trasparire i colori sotto
- Scala enorme, nient’altro in concorrenza
- Colore scelto per come cambia il suo vicino

### In un gradiente moderno

- Un fondo più due toni vicini, non un arcobaleno
- Transizioni lunghe e morbide invece di stacchi netti
- Strati sovrapposti con trasparenza parziale
- Superfici a tutta pagina con parole piccole
- Vicini che si fondono bene, a un solo accento di distanza

L’ultimo punto è il più importante. Il colore cambia a seconda di ciò che lo circonda, un principio approfondito nella [teoria del colore](https://gradiently.design/it/guide/color-theory-basics). Un rosso profondo accanto all’arancio brilla; lo stesso rosso accanto al grigio sembra marrone. I pittori del campo di colore sceglievano i vicini con cura, e un buon gradiente fa lo stesso. [I colori analoghi](https://gradiently.design/it/guide/analogous-colors) offrono un metodo affidabile per scegliere vicini che si fondono bene.

## Gradienti ispirati alla color field painting

Questi gradienti prendono in prestito i principi, non i dipinti. Sono studi nello spirito del movimento, fatti con un solo valore CSS ciascuno. [L’arte dei gradienti](https://gradiently.design/it/guide/gradient-art) e [le idee di arte astratta](https://gradiently.design/it/guide/abstract-art-ideas) portano più avanti lo stesso ragionamento.

- Due campi morbidi, sovrapposti: `linear-gradient(180deg, #5a1a18 0%, #5a1a18 6%, #e0662a 13%, #e8742f 40%, #5a1a18 48%, #5a1a18 52%, #2a0d0e 59%, #2a0d0e 88%, #5a1a18 95%, #5a1a18 100%)`
- Una sola zip verticale: `linear-gradient(90deg, #7d1b1f 0%, #7d1b1f 61%, #f0d48a 61%, #f0d48a 62.5%, #7d1b1f 62.5%, #7d1b1f 100%)`
- Macchia su tela grezza: `radial-gradient(ellipse 55% 45% at 38% 42%, #7fa7d1 0%, #b9cde0 40%, #ede4d3 75%)`
- Blu notte, a strati: `linear-gradient(180deg, #1c2340 0%, #1c2340 10%, #39457a 22%, #39457a 55%, #141a30 68%, #0d1120 100%)`

Campi morbidi sovrapposti, una zip netta, una macchia impregnata e uno studio scuro a strati. Ognuno usa al massimo tre colori.

Per avvicinarti ai rettangoli sospesi, con un margine di fondo tutt’intorno e bordi che sfumano, sovrapponi elementi veri invece di un unico gradiente. Questo CSS disegna due campi dai bordi morbidi che fluttuano su un fondo colorato.

```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;
}
```

Due campi su un fondo. La sfocatura sfuma i bordi e la leggera trasparenza lascia che il fondo scaldi ogni campo, un’eco digitale della pittura a strati sottili.

## Usare l’idea nel design di oggi

Il ragionamento del campo di colore si adatta a tutto ciò che deve sembrare calmo e serio: inviti per gallerie, copertine di libri, grafica per album, una sezione hero con una breve riga. Tieni le parole piccole e da un lato, così il colore resta il protagonista. [Il marketing per le gallerie d’arte](https://gradiently.design/it/guide/art-gallery-marketing) mostra come le gallerie usano questa sobrietà sui social, e una leggera grana, trattata in [i gradienti con grana](https://gradiently.design/it/guide/grainy-gradients), restituisce un po’ della superficie che ha un dipinto.

Invito verticale per una galleria con una piccola riga di testo su un grande campo di colore dolcemente stratificato

Un post per una galleria nello spirito del campo di colore: una superficie, una piccola riga, nient’altro che chieda attenzione.

I Mark di Gradiently nascono da un ragionamento simile: una piccola famiglia di colori, luce morbida e una materia, resi dal vivo dietro tutto ciò che progetti e che spostano la loro area più calma dietro le tue parole. Ognuno viene confrontato con tutti gli altri perché non ce ne siano due uguali, un obiettivo giusto per qualcosa ispirato a pittori che hanno passato anni a trovare uno stile tutto loro.

## FAQ

### Cos’è la color field painting?

Uno stile di pittura astratta nato negli Stati Uniti dalla fine degli anni Quaranta, in cui ampie aree di colore quasi piatto riempiono la tela e diventano il soggetto.

### Chi sono i principali pittori della color field painting?

Mark Rothko, Barnett Newman e Clyfford Still nella prima generazione, seguiti da Helen Frankenthaler, Morris Louis, Kenneth Noland e altri.

### Mark Rothko è un pittore color field?

Sì. I suoi dipinti della maturità, con rettangoli dai bordi morbidi sovrapposti su un fondo colorato, sono gli esempi più noti di color field painting, anche se non amava le etichette per la sua opera.

### Come faccio un gradiente in stile Rothko?

Usa un fondo colorato con due o tre bande dai bordi morbidi in colori vicini, sfumate dove si incontrano. Sovrapporre forme sfocate e leggermente trasparenti si avvicina più di un singolo gradiente.