# Turquoise verloop: tropische codes met diepte

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

Fel turquoise op zich ziet eruit als een zwembadicoon. Geef het een diepe bodem, een warme oever en een beetje licht, en het wordt de zee voor een eiland. Zo doe je dat, met codes.

## The short version

- Een turquoise verloop mengt heldere, groenachtige blauwtinten, en het ziet er het natuurlijkst uit als het ook een dieper blauw en een lichte, bijna witte highlight bevat.
- Turquoise is lichter en helderder dan teal en groener dan cyaan; de CSS-kleurnaam turquoise is #40e0d0.
- Vlakke turquoise verlopen ogen synthetisch, dus voeg diepte toe met een marineblauwe bodem, een bleke highlight of een warme zandkleur.
- Witte tekst faalt op fel turquoise; gebruik in plaats daarvan diep marineblauw zoals #083344 voor letters.
- Zand, koraal en wit zijn de natuurlijkste partners voor turquoise, omdat ze aan een strand doen denken.

Een **turquoise verloop** mengt heldere, groenachtige blauwtinten, en de verlopen die echt tropisch voelen hebben drie dingen: een bleke highlight waar het licht valt, een helder turquoise lichaam en een dieper blauw eronder. Zonder dat bereik ziet turquoise er plat en synthetisch uit. Hieronder staan codes voor heldere lagunes, turquoise met echte diepte en turquoise naast warm zand, gevolgd door de CSS en de tekstkleuren die alles leesbaar houden.

## Turquoise, teal, cyaan en aqua vergeleken

Deze vier worden door elkaar gebruikt, maar het zijn verschillende kleuren, en de juiste kiezen verandert de sfeer. Turquoise is de helderste en meest vakantiekleur van het stel.

| Kleur | Typische hex | Hoe het leest |
| --- | --- | --- |
| Turquoise | `#40e0d0` | Helder, groenachtig, tropisch, edelsteen |
| Aqua | `#7fffd4` (aquamarijn) | Bleek, muntachtig, licht, waterig |
| Cyaan | `#00ffff` (CSS-cyaan) | Elektrisch, koeler, digitaal |
| Teal | `#008080` (CSS-teal) | Dieper, gedempt, rustig, volwassen |

Turquoise is lichter dan teal en groener dan cyaan. Voor de diepere versie, zie het artikel over teal.

Als je merk rust en ernst wil, wil je waarschijnlijk liever [teal verlopen](https://gradiently.design/nl/guide/teal-gradient). Wil het vakantie, energie en warmte, blijf dan hier.

## Heldere tropische turquoise verlopen

Dit zijn de ansichtkaartmengsels: ondiep water over wit zand. Elk bevat een bleke stop zodat het turquoise iets heeft om tegenaan te gloeien, en geen enkele loopt naar grijs.

- Ondiep water: `linear-gradient(180deg, #e6fffb 0%, #40e0d0 100%)`
- Lagune: `linear-gradient(135deg, #a7f3d0 0%, #40e0d0 50%, #06b6d4 100%)`
- Zonnige baai: `radial-gradient(circle at 35% 30%, #f0fdfa 0%, #5eead4 35%, #22d3ee 100%)`
- Turquoise naar lucht: `linear-gradient(120deg, #40e0d0 0%, #38bdf8 100%)`
- Rifrand: `linear-gradient(160deg, #99f6e4 0%, #2dd4bf 45%, #0ea5e9 100%)`
- Aquamarijn: `linear-gradient(135deg, #7fffd4 0%, #40e0d0 100%)`

Zes heldere turquoise mengsels. Een bleke of witte stop maakt dat elk belicht voelt.

## Hoe je een turquoise verloop diepte geeft

Echt tropisch water is nooit één kleur. Het is bleek boven zand, turquoise boven ondiep rif en diepblauw waar het wegvalt. Kopieer die structuur en je verloop lijkt niet langer op een vlakke vulling.

1. **Kies een bodem** Kies een diep blauw voor het donkerste deel, zoals `#0c4a6e` of `#083344`. Het verankert het turquoise en geeft het iets om tegenaan te schijnen.
2. **Zet het lichaam neer** Gebruik je turquoise, rond `#2dd4bf` tot `#40e0d0`, over het grootste gebied, meestal het midden of de bovenkant.
3. **Voeg een highlight toe** Plaats een kleine, bijna witte stop zoals `#ecfeff` waar het licht zou vallen. Een radiaal verloop in één hoek werkt goed.
4. **Verwarm één rand** Laat desgewenst een zandkleur langs de onderkant of een hoek lopen, zodat het koele mengsel een warme oever heeft.
5. **Werk het oppervlak af** Voeg lichte korrel toe zodat de heldere kleuren geen banding krijgen als het platform je afbeelding comprimeert. [Korrelige verlopen](https://gradiently.design/nl/guide/grainy-gradients) heeft de methode.

- Afgrond: `linear-gradient(180deg, #5eead4 0%, #0891b2 55%, #083344 100%)`
- Licht door water: `radial-gradient(circle at 70% 20%, #ecfeff 0%, #40e0d0 25%, #0e7490 65%, #082f49 100%)`
- Turquoise naar kobalt: `linear-gradient(135deg, #2dd4bf 0%, #1e40af 100%)`
- Gloeiende diepte: `radial-gradient(ellipse at 50% 120%, #40e0d0 0%, #0e7490 35%, #0b1e3a 80%)`

Turquoise met een diepblauwe bodem. Deze passen bij reizen, duiken, drankjes en avondfeesten op het strand.

## Turquoise en zand verlopen

De natuurlijkste partner voor turquoise is het strand zelf: warm zand, koraal en wit. Deze kleuren zitten tegenover turquoise op het kleurenwiel, dus meng ze alleen waar de verzadiging laag is, via bleke stops, of houd ze als aparte vlakken. Zo krijg je een kustlijn in plaats van een grijze veeg. [Zomerkleurenpaletten](https://gradiently.design/nl/guide/summer-color-palettes) heeft meer vakantiecombinaties.

- Kustlijn: `linear-gradient(180deg, #40e0d0 0%, #a5f3fc 55%, #fef3c7 75%, #f5deb3 100%)`
- Zand naar zee: `linear-gradient(135deg, #f5e6cc 0%, #e6fffb 50%, #40e0d0 100%)`
- Koraal op turquoise: `radial-gradient(circle at 85% 85%, #fda4af 0%, transparent 30%), linear-gradient(160deg, #5eead4 0%, #0891b2 100%)`

Turquoise ontmoet zand via een bleek midden, zodat de warme en koele kant nooit grijs worden.

- Schuim: #ecfeff
- Turquoise: #40e0d0
- Rifblauw: #0891b2
- Diep water: #083344
- Zand: #f5deb3
- Koraal: #fb7185

Een compleet tropisch palet: schuim, twee blauwtinten, een diepe inkt, zand en één koraalaccent.

## Waar een turquoise verloop het best werkt

Turquoise is luid, dus het verdient zijn plek waar mensen al vakantie, water of plezier verwachten. Een paar toepassingen waar het elke andere kleur verslaat:

- **Reizen en hotels:** een story van 1080×1920 met “Afgrond” achter één regel als “Drie nachten in Lissabon”.
- **Zwemscholen en zwembaden:** een bleke achtergrond “Ondiep water” voor roosters, met diep marineblauwe letters.
- **Smoothiebars en sapmerken:** “Lagune” met één koraalkleurige prijssticker, die opvalt omdat hij tegenover turquoise zit.
- **Zomermenu’s en festivalposters:** “Kustlijn” op een A4-poster, zee bovenaan en zand waar de details komen.
- **Sieraden:** turquoise is ook een steen, dus een diepe “Licht door water” achter zilveren of gouden productfoto’s voelt goed.

Vermijd het voor alles wat stil of formeel moet voelen. Een advocatenkantoor of uitvaartondernemer is beter af met teal of marineblauw.

## CSS voor een turquoise verloop met licht

Twee radiale highlights over een lineaire basis leggen geeft de indruk van zonlicht door water. Het is licht om te renderen en heeft geen afbeelding nodig. De syntaxis wordt uitgelegd in [radiale CSS-verlopen](https://gradiently.design/nl/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;
}
```

Schuimlicht linksboven, turquoise in het midden en diep water onderaan. Zet koppen in de bovenste helft, in diepwaterinkt.

## Tekst op een turquoise verloop

Turquoise is veel lichter dan het eruitziet. Wit op `#40e0d0` meet ongeveer 1,6 op 1, wat niemand comfortabel kan lezen in zonlicht op een telefoon. Diep water `#083344` op hetzelfde turquoise meet ongeveer 8 op 1. Gebruik donkere marineblauwe letters over de heldere gebieden en schakel alleen naar wit waar het verloop tot een diep blauw is gevallen. Voor alle regels zie [kleurcontrast en toegankelijkheid](https://gradiently.design/nl/guide/color-contrast-accessibility).

Een watersportevenementpost met bleke tekst die vervaagt tegen een fel turquoise verloop

Lichte woorden op fel turquoise vervagen zodra iemand er buiten naar kijkt.

Dezelfde eventpost met heldere, diepgekleurde tekst op een rustiger gebied van het turquoise verloop

Dezelfde post met de letterkleur en rustige zone gekozen voor de woorden.

Dit is precies wat een Gradiently Mark zelf doet: zijn rustigste gebied verplaatst zich achter de woorden en Auto-inkt kiest per regel lichte of donkere letters uit de eigen kleuren van de Mark. Reis- en horecateams die elke dag posten vinden meer ideeën in [sociale media voor een reisbureau](https://gradiently.design/nl/guide/travel-agency-social-media).

## FAQ

### Wat is de hexcode voor turquoise?

De CSS-kleurnaam `turquoise` is `#40e0d0`. Iets diepere versies zoals `#2dd4bf` worden ook veel gebruikt.

### Welke kleuren passen bij een turquoise verloop?

Diep marineblauw, wit, zand en koraal. Marineblauw geeft diepte, wit geeft licht, en zand of koraal voegen warmte toe als ze buiten het hoofdmengsel blijven.

### Is turquoise hetzelfde als teal?

Nee. Turquoise is lichter, helderder en tropischer; teal is dieper en gedempter. Beide zitten tussen blauw en groen.

### Kan ik witte tekst op turquoise gebruiken?

Niet op fel turquoise, waar wit zwaar faalt op contrast. Gebruik diep marineblauwe letters, of verplaats witte tekst naar het donkerste blauwe deel van het verloop.

### Hoe laat ik een turquoise verloop minder plat lijken?

Voeg een diepblauwe bodem, een bijna witte highlight en lichte korrel toe. Die drie stappen laten het lezen als water in plaats van een vlakke vulling.