De korte versie
- 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.
Op deze pagina
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.
Typische hex
#40e0d0Hoe het leest
#7fffd4 (aquamarijn)Hoe het leest
#00ffff (CSS-cyaan)Hoe het leest
#008080 (CSS-teal)Hoe het leest
Als je merk rust en ernst wil, wil je waarschijnlijk liever teal verlopen. 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.
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
#0c4a6eof#083344. Het verankert het turquoise en geeft het iets om tegenaan te schijnen. - 2
Zet het lichaam neer
Gebruik je turquoise, rond
#2dd4bftot#40e0d0, over het grootste gebied, meestal het midden of de bovenkant. - 3
Voeg een highlight toe
Plaats een kleine, bijna witte stop zoals
#ecfeffwaar 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 heeft de methode.
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 heeft meer vakantiecombinaties.
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.
.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;
}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.
Lichte woorden op fel turquoise vervagen zodra iemand er buiten naar kijkt.
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.
Vragen die mensen stellen
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.
Geschreven door Gradiently
Het team achter Gradiently, een ontwerptool rond Marks: levende kleurverlopen die alles wat je ontwerpt op jou laten lijken.
Bekijk ons profiel