# Sfumato turchese: codici tropicali con profondità

[Canonical HTML page](https://gradiently.design/it/guide/turquoise-gradient)

Il turchese brillante da solo sembra l’icona di una piscina. Dagli un fondale profondo, una riva calda e un po’ di luce, e diventa il mare di un’isola. Ecco come, con i codici.

## The short version

- Uno sfumato turchese fonde blu brillanti tendenti al verde, e appare più naturale quando include anche un blu più profondo e una luce chiara, quasi bianca.
- Il turchese è più chiaro e brillante del verde petrolio e più verde del ciano; il colore CSS con nome turquoise è #40e0d0.
- Gli sfumati turchesi piatti sembrano sintetici, quindi aggiungi profondità con un fondale blu notte, una luce pallida o un colore sabbia caldo.
- Il testo bianco non si legge sul turchese brillante; usa invece un blu notte profondo come #083344.
- Sabbia, corallo e bianco sono i compagni più naturali del turchese perché richiamano una spiaggia.

Uno **sfumato turchese** fonde blu brillanti tendenti al verde, e quelli che sanno davvero di tropici hanno tre cose: una luce pallida dove il sole colpisce, un corpo turchese netto e un blu più profondo sotto. Senza questa gamma il turchese appare piatto e sintetico. Qui sotto trovi codici per lagune luminose, turchese con vera profondità e turchese accanto a sabbia calda, seguiti dal CSS e dai colori del testo che mantengono tutto leggibile.

## Turchese, verde petrolio, ciano e acqua a confronto

Questi quattro vengono usati come sinonimi, ma sono colori diversi, e sceglierne uno o l’altro cambia l’atmosfera. Il turchese è il più brillante e il più da vacanza del gruppo.

| Colore | Esadecimale tipico | Come appare |
| --- | --- | --- |
| Turchese | `#40e0d0` | Brillante, verdastro, tropicale, da gemma |
| Acqua | `#7fffd4` (acquamarina) | Pallido, mentolato, leggero, acquatico |
| Ciano | `#00ffff` (cyan CSS) | Elettrico, più freddo, digitale |
| Verde petrolio | `#008080` (teal CSS) | Più profondo, spento, calmo, adulto |

Il turchese è più chiaro del verde petrolio e più verde del ciano. Per la versione più profonda, vedi l’articolo sul teal.

Se il tuo brand vuole calma e serietà, probabilmente ti servono invece gli [sfumati teal](https://gradiently.design/it/guide/teal-gradient). Se vuole vacanza, energia e calore, resta qui.

## Sfumati turchesi tropicali e brillanti

Sono le miscele da cartolina: acqua bassa su sabbia bianca. Ognuna include un punto pallido perché il turchese abbia qualcosa contro cui brillare, e nessuna sfocia nel grigio.

- Acqua bassa: `linear-gradient(180deg, #e6fffb 0%, #40e0d0 100%)`
- Laguna: `linear-gradient(135deg, #a7f3d0 0%, #40e0d0 50%, #06b6d4 100%)`
- Baia al sole: `radial-gradient(circle at 35% 30%, #f0fdfa 0%, #5eead4 35%, #22d3ee 100%)`
- Dal turchese al cielo: `linear-gradient(120deg, #40e0d0 0%, #38bdf8 100%)`
- Bordo della barriera: `linear-gradient(160deg, #99f6e4 0%, #2dd4bf 45%, #0ea5e9 100%)`
- Acquamarina: `linear-gradient(135deg, #7fffd4 0%, #40e0d0 100%)`

Sei miscele turchesi brillanti. Un punto pallido o bianco è ciò che fa sembrare ciascuna illuminata.

## Come dare profondità a uno sfumato turchese

La vera acqua tropicale non è mai di un solo colore. È pallida sulla sabbia, turchese sulla barriera bassa e blu profondo dove il fondale scende. Copia questa struttura e il tuo sfumato smette di sembrare un riempimento piatto.

1. **Scegli un fondale** Scegli un blu profondo per la parte più scura, come `#0c4a6e` o `#083344`. Ancora il turchese e gli dà qualcosa contro cui brillare.
2. **Imposta il corpo** Usa il tuo turchese, intorno a `#2dd4bf` fino a `#40e0d0`, sull’area più grande, di solito al centro o in alto.
3. **Aggiungi una luce** Metti un piccolo punto quasi bianco come `#ecfeff` dove colpirebbe la luce. Uno sfumato radiale in un angolo funziona bene.
4. **Scalda un bordo** Se vuoi, fai correre un colore sabbia lungo il fondo o in un angolo, così la miscela fredda ha una riva calda.
5. **Rifinisci la superficie** Aggiungi una grana leggera perché i colori brillanti non formino bande quando la piattaforma comprime l’immagine. [Sfumati con grana](https://gradiently.design/it/guide/grainy-gradients) spiega il metodo.

- Dislivello: `linear-gradient(180deg, #5eead4 0%, #0891b2 55%, #083344 100%)`
- Luce attraverso l’acqua: `radial-gradient(circle at 70% 20%, #ecfeff 0%, #40e0d0 25%, #0e7490 65%, #082f49 100%)`
- Dal turchese al cobalto: `linear-gradient(135deg, #2dd4bf 0%, #1e40af 100%)`
- Profondità luminosa: `radial-gradient(ellipse at 50% 120%, #40e0d0 0%, #0e7490 35%, #0b1e3a 80%)`

Turchese con un fondale di blu profondo. Vanno bene per viaggi, immersioni, bevande ed eventi serali in spiaggia.

## Sfumati turchese e sabbia

Il compagno più naturale del turchese è la spiaggia stessa: sabbia calda, corallo e bianco. Questi colori stanno dall’altra parte della ruota rispetto al turchese, quindi fondili solo dove la saturazione è bassa, attraverso punti pallidi, oppure tienili come aree separate. Così ottieni una riva e non una sbavatura grigia. [Palette di colori estive](https://gradiently.design/it/guide/summer-color-palettes) ha altre combinazioni da vacanza.

- Battigia: `linear-gradient(180deg, #40e0d0 0%, #a5f3fc 55%, #fef3c7 75%, #f5deb3 100%)`
- Dalla sabbia al mare: `linear-gradient(135deg, #f5e6cc 0%, #e6fffb 50%, #40e0d0 100%)`
- Corallo sul turchese: `radial-gradient(circle at 85% 85%, #fda4af 0%, transparent 30%), linear-gradient(160deg, #5eead4 0%, #0891b2 100%)`

Il turchese incontra la sabbia attraverso un centro pallido, così il lato caldo e quello freddo non diventano mai grigi.

- Schiuma: #ecfeff
- Turchese: #40e0d0
- Blu barriera: #0891b2
- Acqua profonda: #083344
- Sabbia: #f5deb3
- Corallo: #fb7185

Una palette tropicale completa: schiuma, due blu, un inchiostro profondo, sabbia e un accento corallo.

## Dove funziona meglio uno sfumato turchese

Il turchese è vistoso, quindi si merita il suo posto dove le persone si aspettano già vacanza, acqua o divertimento. Alcuni usi in cui batte ogni altro colore:

- **Viaggi e hotel:** una storia 1080×1920 con «Dislivello» dietro una sola riga come «Tre notti a Lisbona».
- **Scuole di nuoto e piscine:** uno sfondo pallido «Acqua bassa» per gli orari, con testo blu notte profondo.
- **Frullatori e marchi di succhi:** «Laguna» con un solo adesivo prezzo corallo, che risalta perché sta di fronte al turchese.
- **Menu estivi e poster di festival:** «Battigia» su un poster A4, il mare in alto e la sabbia dove vanno i dettagli.
- **Gioielli:** il turchese è anche una pietra, quindi un «Luce attraverso l’acqua» profondo dietro foto di prodotti in argento o oro sembra giusto.

Evitalo per tutto ciò che deve apparire quieto o formale. Uno studio legale o un’impresa di pompe funebri sarà servito meglio da teal o blu notte.

## CSS di uno sfumato turchese con la luce

Sovrapporre due luci radiali a una base lineare dà l’impressione della luce del sole attraverso l’acqua. È leggero da renderizzare e non richiede immagini. La sintassi è spiegata in [sfumati radiali CSS](https://gradiently.design/it/guide/css-radial-gradient).

```css
.section-tropical {
  background-color: #0891b2; /* fallback */
  background-image:
    radial-gradient(circle at 20% 15%, rgb(236 254 255 / 0.9) 0%, transparent 30%),
    radial-gradient(circle at 80% 40%, rgb(64 224 208 / 0.8) 0%, transparent 45%),
    linear-gradient(180deg, #5eead4 0%, #0891b2 60%, #083344 100%);
  color: #083344;
}
```

Luce schiuma in alto a sinistra, turchese al centro e acqua profonda in basso. Metti i titoli nella metà alta, con l’inchiostro dell’acqua profonda.

## Testo su uno sfumato turchese

Il turchese è molto più chiaro di quanto sembri. Il bianco su `#40e0d0` misura circa 1,6 a 1, che nessuno riesce a leggere comodamente al sole su un telefono. L’acqua profonda `#083344` sullo stesso turchese misura circa 8 a 1. Usa un testo blu notte scuro sulle aree brillanti e passa al bianco solo dove lo sfumato è sceso a un blu profondo. Per le regole complete, vedi [contrasto dei colori e accessibilità](https://gradiently.design/it/guide/color-contrast-accessibility).

Un post per un evento di sport acquatici con testo chiaro che si sbiadisce su uno sfumato turchese brillante

Parole chiare sul turchese brillante si sbiadiscono appena qualcuno le guarda all’aperto.

Lo stesso post dell’evento con testo scuro e nitido su un’area più calma dello sfumato turchese

Lo stesso post con il colore del testo e la zona calma scelti per le parole.

È esattamente ciò che fa da solo un Mark di Gradiently: la sua zona più calma si sposta dietro le parole e l’inchiostro automatico sceglie testo chiaro o scuro per ogni riga dai colori del Mark stesso. I team di viaggi e ospitalità che pubblicano ogni giorno trovano altre idee in [social media per agenzie di viaggio](https://gradiently.design/it/guide/travel-agency-social-media).

## FAQ

### Qual è il codice esadecimale del turchese?

Il colore CSS con nome `turquoise` è `#40e0d0`. Anche versioni leggermente più profonde come `#2dd4bf` sono molto usate.

### Quali colori stanno bene con uno sfumato turchese?

Blu notte, bianco, sabbia e corallo. Il blu notte dà profondità, il bianco dà luce, e sabbia o corallo aggiungono calore se tenuti fuori dalla miscela principale.

### Il turchese è uguale al teal?

No. Il turchese è più chiaro, più brillante e più tropicale; il teal è più profondo e più spento. Entrambi stanno tra il blu e il verde.

### Posso usare il testo bianco sul turchese?

Non sul turchese brillante, dove il bianco fallisce nettamente il contrasto. Usa un testo blu notte, oppure sposta il testo bianco nella parte più scura di blu dello sfumato.

### Come faccio a rendere meno piatto uno sfumato turchese?

Aggiungi un fondale di blu profondo, una luce quasi bianca e una grana leggera. Questi tre passaggi lo fanno sembrare acqua e non un riempimento piatto.