Turkis gradient: tropiske fargekoder med dybde

En turkis gradient blander klare grønnblå farger. De som føles virkelig tropiske, har tre ting: et lyst høylys der lyset treffer, en klar turkis hovedfarge og dypere blått under. Uten dette spennet virker turkis flat og kunstig. Nedenfor finner du koder til klare laguner, turkis med ekte dybde og turkis ved varm sand, fulgt av CSS og tekstfarger som holder alt lesbart.

Turkis, petroleumsgrønt, cyan og akva sammenlignet

Disse brukes ofte om hverandre, men er ulike farger, og valget endrer stemningen. Turkis er gruppens klareste og mest feriepregede.

Ønsker merkevaren ro og alvor, passer trolig petroleumsgrønne gradienter bedre. Ønsker den ferie, energi og varme, bli her.

Klare tropiske turkise gradienter

Dette er postkortblandingene: grunt vann over hvit sand. Hver har et lyst stopp som lar turkisen gløde, og ingen går over i grått.

Gi en turkis gradient dybde

Ekte tropisk vann har aldri bare én farge. Det er lyst over sand, turkis over grunt rev og dypblått der bunnen faller. Kopier strukturen, så slutter gradienten å ligne et flatt fyll.

1. 1

   Velg en bunn

   Velg dypblått til mørkeste del, som #0c4a6e eller #083344. Det forankrer turkisen og gir den noe å skinne mot.

2. 2

   Sett hovedfargen

   Bruk turkis rundt #2dd4bf til #40e0d0 på største område, gjerne i midten eller øverst.

3. 3

   Legg til høylys

   Plasser et lite, nesten hvitt stopp som #ecfeff der lyset treffer. En radiell gradient i et hjørne passer godt.

4. 4

   Varm én kant

   Legg eventuelt sandfarge nederst eller i et hjørne, så den kjølige blandingen får en varm strand.

5. 5

   Fullfør overflaten

   Legg til lett korn så de klare fargene ikke får bånd ved plattformkomprimering. Kornete gradienter har metoden.

Gradienter med turkis og sand

Turkisens mest naturlige partner er stranden selv: varm sand, korall og hvitt. Disse ligger på andre siden av fargesirkelen, så bland bare der metningen er lav, gjennom lyse stopp, eller behold separate områder. Da får du en strandlinje fremfor en grå flekk. Sommerpaletter har flere feriekombinasjoner.

Hvor en turkis gradient passer best

Turkis er kraftig og fortjener plass der folk forventer ferie, vann eller moro. Noen bruksområder der den slår andre farger:

• Reiser og hoteller: en Story på 1080×1920 med «Dypkant» bak én linje som «Tre netter i Lisbon».
• Svømmeskoler og bassenger: lys «Grunt vann»-bakgrunn til timeplaner med dyp marineblå tekst.
• Smoothiebarer og juicemerker: «Lagune» med én korallprislapp, som synes fordi den ligger motsatt turkis.
• Sommermenyer og festivalplakater: «Strandlinje» på A4, hav øverst og sand der detaljene står.
• Smykker: turkis er også en stein, så dyp «Lys gjennom vann» bak sølv- eller gullprodukter føles riktig.

Unngå den der uttrykket skal være rolig eller formelt. Advokatfirmaer og begravelsesbyråer passer bedre med petroleumsgrønt eller marineblått.

Turkis gradient-CSS med lys

To radielle høylys over en lineær bunn gir inntrykk av sollys gjennom vann. Det er lett å gjengi og trenger ikke bilde. Syntaksen forklares i radielle CSS-gradienter.

.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 på en turkis gradient

Turkis er mye lysere enn den virker. Hvitt på #40e0d0 gir rundt 1,6 til 1, som ingen leser behagelig på mobilen i sollys. Dypt vann #083344 på samme turkis gir rundt 8 til 1. Bruk mørk marineblå på klare områder og bytt bare til hvitt der gradienten blir dypblå. For hele reglene, se fargekontrast og tilgjengelighet.

Dette gjør en Gradiently Mark selv: det roligste området flytter seg bak ordene, og Auto-tekstfarge velger lys eller mørk skrift per linje fra Markens egne farger. Reise- og overnattingsteam som publiserer daglig, finner flere ideer i reisebyråer i sosiale medier.