Oranssi liukuväri: 25 lämmintä koodia persikasta ruosteeseen

Oranssi liukuväri sekoittaa kahta tai useampaa oranssia, usein viereisen keltaisen, punaisen tai vaaleanpunaisen kanssa. Harva liuku tuntuu lämpimämmältä. Vaalea persikka ja aprikoosi ovat pehmeitä ja kutsuvia, kirkas mandariini voimakas ja leikkisä, poltettu oranssi ja ruoste maanläheisiä ja aikuisia. Alla on 25 tunnelmittain ryhmiteltyä koodia, sopivat rinnakkaisvärit ja ohjeet luettavaan tekstiin.

Pehmeät oranssit liukuvärit: persikka ja aprikoosi

Vaaleat oranssit ovat ystävällisin tapa lähestyä väriä. Ne muistuttavat ihoa, leipää ja iltapäivän valoa, joten leipomot, ihonhoito- ja lastenbrändit käyttävät niitä. Pidä vaalein piste lähes kermanvärisenä, jotta liu’ussa on rauhallinen lepopaikka. Vaaleinta päätä käsittelee persikkaliukuvärit.

Kirkkaat oranssit liukuvärit: mandariini ja sitrus

Kylläinen oranssi on puhdasta energiaa. Se sopii tarjouksiin, ruokalähetyksiin, urheiluun, festivaaleihin ja kaikkeen, mikä pitää huomata pienoiskoossa. Riskinä on värin latistuminen yhdeksi voimakkaaksi pinnaksi. Lisää siksi vaaleampi piste kohti keltaista tai syvempi kohti punaista. Pieni muutos saa sen näyttämään valolta maalin sijaan.

Auringonlaskun ja meripihkan oranssit liukuvärit

Pystysuuntainen liuku yläosan kullasta alaosan punaiseen tai luumuun tekee auringonlaskun, ehkä tutuimman liukuvärin. Meripihkaliu’ut ovat hiljaisempi sukulainen: hunajan, marmeladin ja viskin sävyt tuntuvat rikkailta huutamatta. Kokonaista taivasratkaisua käsittelee auringonlaskuliukuvärit.

Poltetun oranssin ja ruosteen liukuvärit

Vie oranssia kohti ruskeaa, niin siitä tulee terrakottaa, ruostetta ja kuparia: saviruukkujen, syyslehtien ja vanhan nahan värejä. Ne tuntuvat käsityöltä ja harkituilta, joten ne sopivat sisustukseen, kahviin, keramiikkaan, ulkoilubrändeille ja käsin tekemisen tarinoihin. Niillä myös valkoinen teksti erottuu paljon kirkasta oranssia paremmin.

Oranssi valo tummalla pohjalla

Arvokkain tapa käyttää oranssia on säästeliäästi. Aloita lähes mustasta, syvänruskeasta tai tummansinisestä ja anna yhden oranssin hehkua kulmasta hiilloksen tai katuvalon tavoin. Se sopii yötilaisuuksiin, ravintoloihin, musiikkiin ja kaikkeen, jonka pitää tuntua lämpimältä pimeällä. Tummat liu’ut porrastuvat helposti, joten lue tummat liukuväritaustat ennen vientiä.

Oranssiin liukuväriin sopivat värit

Oranssilla on kahdenlaisia hyviä kumppaneita. Naapurit keltainen, vaaleanpunainen ja punainen sekoittuvat siihen suoraan. Vastakkaiset syvä sininen ja sinivihreä saavat sen värisemään, mutta niiden pitää olla vieressä tehosteina eikä samassa liu’ussa, koska keskikohta muuttuu harmaaksi. Sameat liukuvärit selittää syyn, ja vastavärit näyttää turvallisen käytön.

Teksti oranssilla liukuvärillä

Tässä useimmat oranssit designit epäonnistuvat. Valkoinen kirkkaalla mandariinilla näyttää vahvalta, mutta kontrasti on noin 2,8:1, selvästi alle WCAG:n leipätekstiltä vaatiman 4,5:1:n. Lähes musta samalla oranssilla ylittää 6:1:n. Sääntö on selvä: tumma teksti vaalealla ja kirkkaalla oranssilla, valkoinen vasta poltetusta oranssista tummempaan. Koko menetelmä on oppaassa värikontrasti ja saavutettavuus.

Gradiently hoitaa tämän puolestasi. Mark tietää sanojen paikan: se siirtää rauhallisimman alueensa niiden taakse. Automaattinen muste valitsee vaalean tai tumman tekstin riveittäin Markin omasta paletista, joten oranssi design pysyy luettavana kaikissa ko’oissa ilman laatikoita tai varjoja.

Oranssi liukuväri CSS:llä

Jokainen yllä oleva koodi on yksi CSS-arvo, jonka voit liittää background-määritykseen. Jos osio tarvitsee sekä lämpöä että syvyyttä, kerrosta säteittäinen valo lineaarisen pohjan päälle ja aseta aina tasainen varaväri. CSS:n lineaariset liukuvärit kertoo koko syntaksin.

.hero {
  background-color: #9a3412; /* fallback */
  background-image:
    radial-gradient(circle at 78% 22%, #fdba74 0%, transparent 40%),
    linear-gradient(160deg, #f97316 0%, #c2410c 55%, #7c2d12 100%);
  color: #ffffff; /* safe here: the words sit on the darker lower half */
}

Jos haluat oranssin ilmeen, jota kukaan muu ei julkaise, selaa Markkinoiden lämpimiä Markeja. Hae esimerkiksi ”burnt orange” tai ”apricot”, suunnittele lunastamattomalla Markilla ilmaiseksi ja lunasta se, jos siitä tulee brändisi.