Turkis gradient: tropiske farvekoder med dybde

En turkis gradient blander klare, grønlige blå toner, og dem, der føles ægte tropiske, har tre ting: et blegt højlys, hvor lyset rammer, en klar turkis krop og en dybere blå nedenunder. Uden det spænd ser turkis flad og kunstig ud. Nedenfor finder du koder til klare laguner, turkis med ægte dybde og turkis ved siden af varmt sand, efterfulgt af CSS og de skriftfarver, der holder det hele læsbart.

Turkis, petrol, cyan og aqua sammenlignet

De fire bliver brugt i flæng, men de er forskellige farver, og det rette valg ændrer stemningen. Turkis er den klareste og mest feriefyldte i gruppen.

Vil dit brand være roligt og seriøst, vil du sandsynligvis hellere have petrolfarvede gradienter. Vil det have ferie, energi og varme, så bliv her.

Klare tropiske turkise gradienter

Det er postkortblandingerne: lavt vand over hvidt sand. Hver har et blegt stop, så turkisen har noget at gløde imod, og ingen af dem løber ud i gråt.

Sådan giver du en turkis gradient dybde

Ægte tropisk vand er aldrig én farve. Det er blegt over sand, turkis over lavt rev og dybblåt, hvor bunden falder væk. Kopier den opbygning, så holder din gradient op med at ligne en flad udfyldning.

1. 1

   Vælg en bund

   Vælg en dyb blå til den mørkeste del, som #0c4a6e eller #083344. Den forankrer turkisen og giver den noget at skinne imod.

2. 2

   Sæt kroppen

   Brug din turkis, omkring #2dd4bf til #40e0d0, over det største område, som regel midten eller toppen.

3. 3

   Tilføj et højlys

   Placer et lille, næsten hvidt stop som #ecfeff, hvor lyset ville ramme. En radial gradient i ét hjørne virker godt.

4. 4

   Varm én kant op

   Lad eventuelt en sandfarve løbe langs bunden eller et hjørne, så den kølige blanding får en varm strand.

5. 5

   Gør overfladen færdig

   Tilføj let korn, så de klare farver ikke laver banding, når platformen komprimerer dit billede. Kornede gradienter har metoden.

Gradienter i turkis og sand

Turkis’ mest naturlige partner er selve stranden: varmt sand, koral og hvid. Disse farver står over for turkis på farvecirklen, så bland dem kun dér, hvor mætningen er lav, gennem blege stop, eller hold dem som separate områder. Så får du en kystlinje i stedet for en grå udtværing. Sommerfarvepaletter har flere feriekombinationer.

Hvor en turkis gradient virker bedst

Turkis er højlydt, så den fortjener sin plads dér, hvor folk allerede forventer ferie, vand eller sjov. Et par anvendelser, hvor den slår alle andre farver:

• Rejser og hoteller: en story i 1080×1920 med »Skrænt« bag en enkelt linje som »Tre nætter i Lissabon«.
• Svømmeskoler og svømmehaller: en bleg baggrund i »Lavt vand« til skemaer, med dyb marineblå skrift.
• Smoothiebarer og juicebrands: »Lagune« med ét koralfarvet prismærke, som springer frem, fordi det står over for turkis.
• Sommermenuer og festivalplakater: »Kystlinje« på en A4-plakat, havet øverst og sandet dér, hvor detaljerne står.
• Smykker: turkis er også en sten, så en dyb »Lys gennem vand« bag produktbilleder i sølv eller guld føles rigtig.

Undgå den til alt, der skal føles stille eller formelt. Et advokatkontor eller en bedemand er bedre tjent med petrol eller marineblå.

Turkis gradient i CSS med lys

To radiale højlys lagt over en lineær base giver indtryk af sollys gennem vand. Det er let at rendere og kræver intet billede. Syntaksen forklares i radiale gradienter i 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;
}

Tekst på en turkis gradient

Turkis er meget lysere, end den ser ud. Hvid på #40e0d0 måler cirka 1,6 til 1, hvilket ingen kan læse behageligt i sollys på en telefon. Dybt vand #083344 på samme turkis måler cirka 8 til 1. Brug mørk marineblå skrift over de klare områder, og skift kun til hvid, hvor gradienten er faldet til en dyb blå. De fulde regler finder du i farvekontrast og tilgængelighed.

Det er præcis, hvad en Gradiently Mark gør af sig selv: dens roligste område flytter sig bag ordene, og Automatisk farve vælger lys eller mørk skrift pr. linje ud fra Markens egne farver. Rejse- og hospitalityteams, der slår op hver dag, kan finde flere idéer i sociale medier for rejsebureauer.