Ruskea liukuväri: kahvin, karamellin ja maan koodit

Ruskea liukuväri on oikeastaan tumma, pehmennetty oranssi, joka sekoittuu syvästä vaaleaan: espresso cremaan, suklaa karamelliin, savi hiekkaan. Säilytä lämmin sävy jokaisessa väripisteessä, niin ruskea näyttää täyteläiseltä, kodikkaalta ja käsintehdyltä. Jos se lipsuu harmaaseen tai vihreään, tuloksena on mutaa. Alla saat koodit kahvin, karamellin, suklaan, maan ja viskin ruskeisiin sekä niille sopivat väriyhdistelmät.

Miksi ruskeat liukuvärit muuttuvat mutaisiksi

Sateenkaaressa ei ole ruskeaa. Ruskeaksi kutsumme oranssia tai punaista, jonka vaaleutta ja kylläisyyttä on laskettu. Käytännössä tämä tarkoittaa, että jos yksikin liukuvärin piste menettää lämpönsä liiallisen harmaan tai vihertävän vivahteen vuoksi, koko siirtymä näyttää likaiselta. Pidä jokainen väripiste lämpimänä ja tummenna laskemalla vaaleutta mustan lisäämisen sijaan. Mutaiset liukuvärit näyttää vaikutuksen rinnakkain.

Voit tehdä oman ruskean liukuvärisi mistä tahansa oranssista värivalitsimella, joka näyttää sävyn, kylläisyyden ja vaaleuden. Tarvitset neljä vaihetta:

1. 1

   Valitse lämmin sävy

   Valitse sävykulma noin 20 ja 40 asteen väliltä: pienempi luku punertaville ruskeille, kuten tiilelle ja terrakotalle, suurempi kultaisille, kuten karamellille.

2. 2

   Pehmennä kylläisyyttä

   Laske kylläisyys noin 35 %:n ja 65 %:n välille. Täysin kylläisenä väri pysyy oranssina, liian vähäisenä se muuttuu harmaaksi.

3. 3

   Aseta kolme vaaleustasoa

   Käytä samaa sävyä kolmella vaaleustasolla, esimerkiksi 10 %, 30 % ja 60 %. Tämä vaihtelu tekee liukuvärin näkyväksi.

4. 4

   Lämmitä vaaleaa päätä

   Siirrä vaaleinta väripistettä muutama aste keltaista kohti. Puun, kahvin ja saven todelliset valokohdat näyttävät lämpimämmiltä.

Kahviliukuvärien koodit

Kahvinruskeat ovat tämän joukon monikäyttöisimmät sävyt. Espresso on lähes musta ja antaa vaalealle tekstille syvän taustan. Crema-liuku kulkee kupin vaaleasta vaahdosta sen alla olevaan kahviin. Mokka jää niiden väliin ja toimii vahvana, neutraalina taustana ruokalistoille ja hinnastoille.

Kahvilat ja paahtimot löytävät näihin sävyihin perustuvan kokonaisen ilmeen artikkelista kahvilan brändäys sekä pussi- ja etiketti-ideoita artikkelista kahvipaahtimon pakkaukset.

Karamelli- ja suklaaliukuvärien koodit

Karamelli on ruskea kultaisimmillaan ja ystävällisimmillään. Sen hehku sopii leipomoihin, hunajaan, syksyn tarjouksiin ja kaikkeen makeaan. Suklaa on vastakohta: syvä, kiiltävä ja herkullinen. Pehmeän valokohdan sisältävä säteittäinen liukuväri antaa suklaalle sen luonnollisen hohteen.

Maan, saven ja terrakotan liukuvärit

Maanruskeat taittuvat punaiseen ja tuntuvat käsintehdyiltä: savi, tiili, nahka ja pähkinäpuu. Ne sopivat keramiikkaan, kasvikauppoihin, ulkoiluvarusteisiin ja luonnolliseen tai välimerelliseen ilmeeseen. Varsinkin terrakotasta on tullut lämpimien, modernien brändien suosikki, sillä se tuntuu yhtä aikaa maanläheiseltä ja raikkaalta.

Laajenna sävyt kokonaiseksi paletiksi artikkeleilla maanläheiset värit ja syksyn väripaletit. Perheen vaaleampaan päähän, hiekkaan ja kauraan, pääset beigen liukuvärin koodeilla, jotka jatkavat aavikon saven sävyistä.

Pidä pitkä ruskea värisiirtymä lämpimänä CSS:llä

Selain sekoittaa liukuvärit oletuksena sRGB:ssä, jolloin pitkä siirtymä syvästä ruskeasta vaaleaan karamelliin voi hiipua hieman harmaaksi keskeltä. OKLCH-interpolointi pitää sävyn ja värikylläisyyden tasaisempina päästä päähän. Suurten selainten nykyversiot tukevat sitä, ja heksakoodivaihtoehto kattaa muut.

.brown-hero {
  /* fallback for older browsers */
  background: linear-gradient(160deg, #2a1810 0%, #a85f24 55%, #fbe3b8 100%);
  /* steadier warmth through the middle */
  background: linear-gradient(160deg in oklch, oklch(0.24 0.04 45) 0%, oklch(0.52 0.11 55) 55%, oklch(0.92 0.06 80) 100%);
}

CSS-liukuvärit OKLCH:ssa selittää väriavaruuden ja sen, milloin lisärivi kannattaa.

Mitä yhdistää ruskeaan liukuväriin

Ruskea liukuväri oikeassa julkaisussa

Ruskeat taustat kantavat erityisen hyvin lämpimiä arkisia uutisia: uuden paahdon, kausileivonnaisen tai työpajan. Kermanvärinen teksti syvässä päässä on varma valinta. Yksi sinapin- tai karamellinvärinen sana lisää energiaa. Leipomon Instagram-ideat tarjoaa kuukaudeksi näihin sävyihin sopivia julkaisuja.

Jos julkaiset viikoittain, vaikeinta on pitää jokainen julkaisu samassa lämpimässä ruskeassa. Gradientlyssä valitset lämpimän ruskean Markin kerran, ja jokainen mallipohja, tarina ja ruokalista käyttää sitä. Automaattinen muste valitsee riveittäin kerman- tai espressonvärisen tekstin, jotta mikään ei katoa tummiin kulmiin.