Turkoosi liukuväri: trooppiset värikoodit ja syvyys

Turkoosi liukuväri yhdistää kirkkaita vihertäviä sinisiä. Trooppisimmissa yhdistelmissä on kolme osaa: vaalea valoalue, johon valo osuu, selkeä turkoosi pääalue ja syvempi sininen sen alla. Ilman tätä vaihtelua turkoosi näyttää tasaiselta ja keinotekoiselta. Alla ovat kirkkaiden laguunien, syvien turkoosien ja lämpimään hiekkaan yhdistettyjen sävyjen koodit sekä CSS ja luettavuutta tukevat tekstivärit.

Turkoosin, petroolin, syaanin ja akvan erot

Näitä neljää käytetään usein toistensa synonyymeina, mutta ne ovat eri värejä. Valinta muuttaa tunnelmaa. Turkoosi on joukon kirkkain ja lomahenkisin.

Jos brändisi kaipaa rauhallista ja vakavaa ilmettä, petrooliliukuvärit sopivat luultavasti paremmin. Jos haet lomaa, energiaa ja lämpöä, jatka tästä.

Kirkkaat trooppiset turkoosit liukuvärit

Nämä ovat postikorttien väriyhdistelmiä: matalaa vettä valkoisen hiekan päällä. Jokaisessa on vaalea väripiste, jota vasten turkoosi voi hehkua. Yksikään ei muutu harmaaksi.

Näin annat turkoosille liukuvärille syvyyttä

Trooppinen vesi ei koskaan ole yksiväristä. Hiekan yllä se on vaaleaa, matalalla riutalla turkoosia ja syvänteen kohdalla tummansinistä. Kopioi tämä rakenne, niin liukuväri lakkaa näyttämästä tasaiselta täyttöväriltä.

1. 1

   Valitse pohja

   Valitse tummimmaksi kohdaksi syvä sininen, kuten #0c4a6e tai #083344. Se ankkuroi turkoosin ja antaa sille taustan, jota vasten loistaa.

2. 2

   Määritä pääväri

   Käytä turkoosia, noin #2dd4bf tai #40e0d0, suurimmalla alueella, yleensä keskellä tai ylhäällä.

3. 3

   Lisää valoalue

   Sijoita pieni lähes valkoinen väripiste, kuten #ecfeff, kohtaan, johon valo osuisi. Yhden kulman säteittäinen liukuväri toimii hyvin.

4. 4

   Lämmitä yhtä reunaa

   Voit lisätä hiekanvärin alareunaan tai kulmaan, jotta viileä yhdistelmä saa lämpimän rannan.

5. 5

   Viimeistele pinta

   Lisää kevyttä rakeisuutta, jotta kirkkaat värit eivät porrastu alustan pakatessa kuvaa. Menetelmä löytyy rakeisten liukuvärien oppaasta.

Turkoosin ja hiekan liukuvärit

Turkoosin luontevin kumppani on itse ranta: lämmin hiekka, koralli ja valkoinen. Nämä sävyt ovat väriympyrässä turkoosia vastapäätä. Sekoita niitä vain vähän kylläisissä vaaleissa välisävyissä tai pidä ne erillisinä alueina. Saat rantaviivan harmaan tahrauman sijaan. Kesän väripaletit tarjoaa lisää lomahenkisiä yhdistelmiä.

Missä turkoosi liukuväri toimii parhaiten

Turkoosi on voimakas väri. Se sopii paikkoihin, joissa odotetaan jo valmiiksi lomaa, vettä tai hauskanpitoa. Näissä käyttötavoissa se voi päihittää muut värit:

• Matkailu ja hotellit: 1080×1920-tarina, jossa Syvänne-taustan päällä on yksi rivi, kuten ”Kolme yötä Lisbonissa”.
• Uimakoulut ja uima-altaat: vaalea Matala vesi -tausta aikatauluille ja syvän tummansininen teksti.
• Smoothiebaarit ja mehumerkit: Laguuni-tausta ja yksi korallinvärinen hintatarra. Se erottuu turkoosin vastavärinä.
• Kesämenut ja festivaalijulisteet: Rantaviiva A4-julisteessa, meri ylhäällä ja hiekka yksityiskohtien taustana.
• Korut: turkoosi on myös kivi, joten syvä Valoa veden läpi -tausta sopii hopeisten ja kultaisten tuotteiden kuviin.

Vältä turkoosia, kun ilmeen pitää olla hiljainen tai muodollinen. Asianajotoimistolle tai hautaustoimistolle petrooli tai tummansininen sopii paremmin.

Turkoosi CSS-liukuväri ja valo

Kaksi säteittäistä valoaluetta lineaarisen pohjan päällä tuo mieleen auringonvalon veden läpi. Tausta on kevyt piirtää eikä tarvitse kuvaa. Syntaksin selittää CSS:n säteittäisten liukuvärien opas.

.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;
}

Teksti turkoosilla liukuvärillä

Turkoosi on paljon vaaleampi kuin miltä näyttää. Valkoisen kontrasti värillä #40e0d0 on noin 1,6:1. Sitä on vaikea lukea puhelimesta auringossa. Syvän veden värin #083344 kontrasti samalla turkoosilla on noin 8:1. Käytä kirkkaissa kohdissa tummansinistä tekstiä ja vaihda valkoiseen vasta syvän sinisellä alueella. Kaikki säännöt löytyvät värikontrastin ja saavutettavuuden oppaasta.

Gradientlyn Mark tekee tämän itse: rauhallisin alue siirtyy sanojen taakse ja Automaattinen muste valitsee jokaiselle riville vaalean tai tumman tekstin Markin omista väreistä. Päivittäin julkaisevat matkailu- ja majoitusalan tiimit löytävät lisää ideoita matkatoimiston somesta.