Lyhyesti
- Värilämpötila kuvaa valon tai värin kallistumista lämpimään oranssiin ja punaiseen tai viileään siniseen.
- Valonlähteet mitataan kelvineinä: kynttilänvalo on noin 1 900 K, kodin lamppu noin 2 700 K ja sRGB:n D65-valkoinen noin 6 500 K.
- Suurempi kelvinluku näyttää sinisemmältä, joten korkeampi lämpötilaluku tarkoittaa viileämmältä näyttävää valoa.
- Neutraaleillakin on lämpötila: lämpimät harmaat kallistuvat ruskeaan tai beigeen, viileät siniseen.
- Monet uskottavat kuvat yhdistävät lämpimän valon viileisiin varjoihin tai päinvastoin, sillä ero luo luonnollista syvyyttä.
Tällä sivulla
Värilämpötila kertoo, kuinka lämpimältä tai viileältä valo tai väri tuntuu. Lämmin kallistuu kynttilän oranssiin ja punaiseen; viileä päivänvalon siniseen; neutraali asettuu väliin. Valossa mittana on kelvin: kynttilä on noin 1 900 K ja pilvinen taivas noin 6 500 K. Suunnittelussa se luo tunnelmaa: lämpimät paletit tuntuvat läheisiltä ja mukavilta, viileät rauhallisilta ja avarilta, ja sekoitus antaa kuvalle syvyyttä.
Kelvinasteikko ja sen käänteinen logiikka
Kelvinluku tulee fysiikasta: se on lämpötila, johon ihanteellisen hohtavan kappaleen pitäisi kuumentua säteilläkseen kyseisen väristä valoa. Hitaasti kuumeneva metallitanko hohtaa ensin punaisena, sitten oranssina, kellanvalkoisena ja äärimmäisessä kuumuudessa sinivalkoisena. Suurempi luku tarkoittaa siis sinisempää valoa, jota suunnittelijat kutsuvat viileäksi. Sanasto kulkee fysiikkaa vastaan ja hämmentää aluksi kaikkia.
Likimääräinen lämpötila
Ulkonäkö
Likimääräinen lämpötila
Ulkonäkö
Likimääräinen lämpötila
Ulkonäkö
Likimääräinen lämpötila
Ulkonäkö
Likimääräinen lämpötila
Ulkonäkö
Likimääräinen lämpötila
Ulkonäkö
Likimääräinen lämpötila
Ulkonäkö
linear-gradient(90deg, #ff8912 0%, #ffa757 18%, #ffb46b 30%, #ffd1a3 48%, #ffecdf 62%, #fff9fb 74%, #e3e9ff 87%, #c9d9ff 100%)Sopeutuminen vaikuttaa näyttöihin. Useimpien verkko- ja sovellusvärien olettama sRGB-standardi käyttää valkoisena D65:tä, noin 6 500 K. Yötilan kaltaiset toiminnot lämmittävät näytön valkoista, joten valitsemasi värit näyttävät yölukijalle lämpimämmiltä. Suunnittele standardille ja hyväksy vaihtelu.
Lämpimät, viileät ja neutraalit värit
Valaistuksen ulkopuolella lämpötila kertoo, mille puolelle väriympyrää väri kallistuu. Punaiset, oranssit ja keltaiset tuntuvat lämpimiltä; siniset, petroolit ja sinivioletit viileiltä. Vihreä ja purppura ovat välissä: oliivi on lämmin, minttu viileä. Lämpimät ja viileät värit käsittelee ympyrää tarkasti. Oleellista on, että lämpötila vaihtelee myös saman sävyn sisällä. On lämpimiä sinisiä ja viileitä punaisia.
Lämpötila tekee suuren osan paletin tunnetyöstä, usein enemmän kuin sävy itse. Lämpimät yhdistelmät tuntuvat läheisiltä, sosiaalisilta ja energisiltä; viileät hiljaisilta, avarilta ja hallituilta. Väripsykologia tutkii mielleyhtymiä ja rajoja. Myös voimakkuus vaikuttaa: täysin kylläinen viileä paletti ei enää rauhoita, ja hyvin hillitty lämmin paletti tuntuu vintagelta eloisuuden sijaan.
Neutraaleillakin on lämpötila
Puhdas harmaa on harvinainen hyvässä suunnittelussa. Useimmat toimivat harmaat ovat hieman lämpimiä kohti kiveä ja taupea tai viileitä kohti liusketta ja terästä. Kahden perheen sekoitus näyttää usein mutaiselta ilman selvää syytä. Valitse yksi perhe taustoihin, reunoihin ja toissijaiseen tekstiin kautta kokonaisuuden.
:root {
/* A warm neutral ramp: pick one family and keep it */
--grey-50: #f6f3ee;
--grey-200: #e4ded4;
--grey-400: #bdb4a7;
--grey-600: #7d7468;
--grey-900: #2f2a25;
}Lämpimät neutraalit sopivat ruokaan, vieraanvaraisuuteen, hyvinvointiin ja toimituksellisiin brändeihin. Viileät ohjelmistoihin, talouteen ja täsmälliseen ilmeeseen. Neutraalit väripaletit tarjoaa lisää.
Lämmin valo, viileä varjo
Maalarit ovat pitkään nähneet valon ja varjon eroavan lämpötilassa, eivät vain kirkkaudessa. Aurinkopinnat lämpenevät ja varjot poimivat sinistä taivaalta. Sama liukuvärissä tai kuvituksessa tuntuu heti todellisemmalta kuin yhden sävyn vaalea ja tumma versio. Myös päinvastainen toimii: viileä kuunvalo ja lämpimät lamppujen valaisemat varjot.
Taustoissa tämä erottaa valaistun liukuvärin värinäytteestä. Sijoita lämmin valo ensimmäisen katseen kohtaan, anna viileiden sävyjen kertyä reunoille ja pidä teksti rauhallisemmalla alueella. Liukuväritausta käy koko menetelmän läpi.
Kesäkansi. Lämpötila kertoo vuodenajan ennen sanojen lukemista.
Talvikansi samalla asettelulla. Pidä mahdollinen lämmin valo kaukana sanoista.
Värilämpötila valokuvissa
Valkotasapaino on kameran arvio valon lämpötilasta. Lämpimissä lampuissa päivänvalon valkotasapainolla otettu kuva muuttuu oranssiksi; varjossa otettu siniseksi. Sovita kuvien lämpötila palettiin, kun ne ovat brändivärien vieressä. Lämmin brändi kylmillä sinikuvilla tuntuu hajanaiselta. Toinen ratkaisu on sävytys paletin omilla väreillä; katso kaksisävyiset kuvat.
Vältä
- Lämpimien ja viileiden harmaiden sekoitusta
- Kylmiä sinikuvia lämpimässä brändissä
- Yhden sävyn vaalea-tumma-asteikkoa syvyyden ainoana keinona
- Värin arviointia lämpimän työpöytälampun alla
Tee näin
- Yksi neutraali perhe kaikkialle
- Kuvat korjattu paletin lämpöön
- Lämmin valo ja viileä varjo tai päinvastoin
- Värien tarkistus päivänvalossa tai kalibroidulla näytöllä
Gradientlyn Markeissa valo kuuluu reseptiin, joten ne näyttävät valaistulta pinnalta tasaisen näytteen sijaan jokaisessa suunnittelukoossa.
Usein kysyttyä
Mitä värilämpötila tarkoittaa suunnittelussa?
Se kuvaa värin tai valon kallistumista lämpimään oranssiin ja punaiseen tai viileään siniseen. Sillä luodaan tunnelmaa ja syvyyttä.
Onko suurempi kelvinluku lämpimämpi vai viileämpi?
Viileämmän näköinen. Suurempi kelvinluku tuottaa sinisempää valoa, joten 6 500 K näyttää viileämmältä kuin 2 700 K.
Mikä on päivänvalon värilämpötila?
Keskipäivän aurinko on noin 5 500 K ja pilvinen taivas noin 6 500 K. sRGB:n D65-valkoinen on noin 6 500 K.
Mitä eroa lämpimällä ja viileällä harmaalla on?
Lämmin harmaa kallistuu hieman ruskeaan tai beigeen, viileä hieman siniseen. Valitse yksi perhe ja käytä sitä johdonmukaisesti.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme