Auringonlaskun liukuvärit: oranssi, koralli ja hämärä

Auringonlaskun liukuväri sekoittaa lämpimät värit, kullan, oranssin ja korallin, pinkkiin, violettiin ja syvään illansiniseen. Se on yksi suunnittelun rakastetuimmista liukuväreistä, koska jokainen tunnistaa sen ja lähes jokainen pitää siitä. Se on myös yksi helpoimmista saada pieleen. Salaisuus on seurata järjestystä, jota taivas oikeasti käyttää: lämmin ja kirkas horisontissa, viilenevä pinkin ja violetin kautta ylöspäin katsottaessa. Jos jätät nuo keskivärit väliin, liukuväri muuttuu harmaaksi.

Auringonlaskun värien luonnollinen järjestys

Kun aurinko on matalalla, sen valo kulkee paljon paksumman ilmakehän läpi päästäkseen luoksesi. Matkalla ilma sirottaa sinistä valoa pois suorasta säteestä, joten auringon lähellä valo saapuu keltaisena, oranssina ja punaisena. Korkeammalla taivaalla, kauempana auringosta, sinistä on jäljellä enemmän. Tuloksena on värikaistojen pino horisontista ylöspäin.

Auringonlaskun liukuvärien paletit koodeineen

Nämä kymmenen palettia noudattavat kaikki taivaan järjestystä ylhäältä alas. Jotkin käyttävät koko alueen, toiset vain lämpimän pään tai vain hämärän.

Synthwave on aidon auringonlaskun tyylitelty neonserkku, ja vaporwave-värit ja retroliukuvärit vievät sitä suuntaa pidemmälle.

Miksi auringonlaskun liukuvärit samenevat ja miten se korjataan

Klassisia virheitä on kaksi. Ensimmäinen on sinisen ja oranssin liittäminen suoraan yhteen. Ne ovat väriympyrässä lähes vastakkain, ja suora sekoitus niiden välillä keskiarvoistuu keskeltä harmaaksi. Taivas ei koskaan tee näin, koska se kulkee violetin ja pinkin kautta. Toinen on oranssin häivyttäminen mustaan tummemman tunnelman vuoksi. Tumma oranssi on ruskeaa, joten liukuväri näyttää ruosteelta tai mudalta eikä illalta.

Jos haluat vähemmän pysäytyspisteitä, sekoittaminen OKLCH:ssa auttaa: se pitää värit kylläisinä sekoituksen keskikohdan läpi. Katso OKLCH-liukuvärit CSS:ssä ja teoriaa varten sameat liukuvärit.

Missä auringonlaskun liukuvärit toimivat

Auringonlaskuissa on selvä tunne: päivän loppu, lämpö, hieman nostalgiaa. Se tekee niistä luontevia joihinkin tehtäviin ja outoja toisiin. Kirkas, koko alueen auringonlasku sopii kesätapahtumiin, matkailuun, musiikkiin ja ravintola-alalle. Hämärä, enimmäkseen violetti versio sopii iltajulkaisuihin, podcasteihin ja kaikkeen pohdiskelevaan. Vain lämmin versio, kullasta koralliin, sopii ruokaan, juomaan ja alennusmyynteihin.

• Tapahtumajulisteet ja kutsut: värit sanovat ilta ennen kuin päivämäärä ehtii.
• Matkailu ja ravintola-ala: kultainen hetki on kuvatuin valo, mitä on, ja ihmiset tunnistavat sen.
• Musiikin kannet ja soittolistat: hämärän paletit tuntuvat elokuvallisilta ja hieman haikeilta.
• Kausikampanjat: syksyn myötä viilenevä auringonlasku merkitsee vuodenajan ilman uutta kuvitusta.

Missä ne sopivat huonommin: vakava rahoitusala, terveydenhuolto ja kaikki, minkä pitäisi tuntua neutraalilta. Lämpö tuo mieleen vapaa-ajan. Auringonlaskun värit ovat myös tiukasti väriympyrän lämpimällä puolella, ja lämpimät ja kylmät värit selittää, miten lämpötila muuttaa suunnitelman tunnelmaa.

Miten rakennat oman auringonlaskun liukuvärin

1. 1

   Valitse, kuinka paljon taivasta haluat

   Koko alue draamaan, vain lämmin pää energiaan tai vain hämärä rauhaan.

2. 2

   Laita lämmin alas

   Kulta ja oranssi kuuluvat lähelle horisonttia. Ylösalaiset auringonlaskut voivat toimia, mutta ne näyttävät tyylitellyiltä.

3. 3

   Älä koskaan ohita naapuria

   Lisää sinisen ja oranssin väliin violetti ja pinkki. Lisää oranssin ja tumman väliin luumu tai indigo.

4. 4

   Anna lämpimälle kaistalle vähemmän tilaa

   Oikeilla taivailla kirkkaimmat värit pysyttelevät horisontin tuntumassa. Kun ne pidetään alimmassa neljänneksessä, liukuväri tuntuu luonnolliselta.

5. 5

   Lisää rakeisuutta

   Pitkät, tasaiset taivaat raidoittuvat helposti. Hieno kohinakerros pitää sekoituksen tasaisena pakkauksen jälkeen.

Teksti auringonlaskun liukuvärin päällä

Auringonlaskun liukuvärin yläosa on tumma ja viileä, täydellinen valkoiselle tekstille. Alaosa on kirkas ja lämmin, täydellinen tummalle tekstille tai ei millekään. Keskikohta, jossa pinkki kohtaa oranssin, on vaikein paikka kummallekin. Sijoita otsikot ylös ja yksityiskohdat alas tai pidä sanat yhdellä rauhallisella kaistalla.

.hero {
  background-color: #1b1b3a;
  background-image: radial-gradient(circle at 50% 100%, #fff3b0 0%, #ffb347 18%, #ff6f61 40%, #6d2e6b 75%, #1b1b3a 100%);
  color: #ffffff;
}
.hero h1 {
  /* keep the headline in the dark upper half */
  margin-top: 12vh;
}

Lisää taivas- ja maisemapaletteja on oppaassa väripaletit luonnosta ja pinkkivetoisia versioita oppaassa pinkit liukuvärit.