Markkinat
Hinnoittelu
Kirjaudu sisäänAloita
SuunnitteluopasVärit
Värit

Värilämpötila suunnittelussa: lämmin, viileä ja neutraali

Jokainen väri kallistuu lämpimään tai viileään, myös harmaat. Näin kelvinasteikko toimii, miksi se kulkee arkisen lämpöpuheen vastaisesti ja miten säädät suunnitelman tunnelmaa lämpötilalla.

GradientlyVahvistettu Gradiently-tili·1. lokakuuta 2026·4 min lukuaika
Kansi: Gilded Shadow · GR·CZSD·7N

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
Kelvinasteikko ja sen käänteinen logiikkaLämpimät, viileät ja neutraalit väritNeutraaleillakin on lämpötilaLämmin valo, viileä varjoVärilämpötila valokuvissa

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.

Kynttilän liekki

Likimääräinen lämpötila

1 900 K

Ulkonäkö

Syvä meripihka
Kodin lämminvalkoinen lamppu

Likimääräinen lämpötila

2 700 K

Ulkonäkö

Pehmeä oranssinvalkoinen
Halogeenilamppu

Likimääräinen lämpötila

3 000 K

Ulkonäkö

Lämmin valkoinen
Viileänvalkoinen toimistovalo

Likimääräinen lämpötila

4 000 K

Ulkonäkö

Neutraali valkoinen
Keskipäivän aurinko

Likimääräinen lämpötila

5 500 K

Ulkonäkö

Puhdas valkoinen
Pilvinen taivas, sRGB:n D65-valkopiste

Likimääräinen lämpötila

6 500 K

Ulkonäkö

Hieman viileä valkoinen
Avoin varjo sinisen taivaan alla

Likimääräinen lämpötila

10 000 K ja enemmän

Ulkonäkö

Selvästi sininen
ValonlähdeLikimääräinen lämpötilaUlkonäkö
Kynttilän liekki1 900 KSyvä meripihka
Kodin lämminvalkoinen lamppu2 700 KPehmeä oranssinvalkoinen
Halogeenilamppu3 000 KLämmin valkoinen
Viileänvalkoinen toimistovalo4 000 KNeutraali valkoinen
Keskipäivän aurinko5 500 KPuhdas valkoinen
Pilvinen taivas, sRGB:n D65-valkopiste6 500 KHieman viileä valkoinen
Avoin varjo sinisen taivaan alla10 000 K ja enemmänSelvästi sininen
Tyypillisiä arvoja. Oikeat lähteet vaihtelevat, ja lamppuja myydään ryhmissä, kuten 2 700 K ja 4 000 K.
Noin 1 900 K:sta 10 000 K:iinlinear-gradient(90deg, #ff8912 0%, #ffa757 18%, #ffb46b 30%, #ffd1a3 48%, #ffecdf 62%, #fff9fb 74%, #e3e9ff 87%, #c9d9ff 100%)
Valon likimääräiset näyttövärit kynttilästä siniseen varjoon. Silmä sopeutuu ympäristön valoon, minkä vuoksi 2 700 K:n huone näyttää hetken kuluttua valkoiselta.

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.

Kolme sävyä lämpimänä ja viileänä versiona. Lämpimät punaiset kallistuvat oranssiin, viileät siniseen; sama pätee joka sävyyn.

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.

Kolme harmaa-asteikkoa. Lämpimän ja viileän harmaan ero näkyy rinnakkain; yksin molemmat näyttävät vain harmailta.
css
: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ämmin harmaa-asteikko tokeneina. Vaihda viileisiin arvoihin terävämpää, teknisempää ilmettä varten.

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.

Lämpötiloja yhdistävät liukuvärit. Vertaa yhden sävyn vaaleasta tummaan siirtymään, joka näyttää niiden rinnalla litteältä.
Kesän numero
Pitkät illat.
Missä syödä ulkona tässä kuussa
Gradiently · @gradiently

Kesäkansi. Lämpötila kertoo vuodenajan ennen sanojen lukemista.

Talven numero
Hiljaiset aamut.
Hitaita aamiaisia ja varhaisia kävelyitä
Gradiently · @gradiently

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.

Löydä liukuväri, joka on vain sinun

Selaa tuhansia Markeja, suunnittele millä tahansa niistä ilmaiseksi ja lunasta se, joka tuntuu sinulta.

Selaa Markkinoita

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.

Jaa tämä opas

Kirjoittanut GradientlyVahvistettu Gradiently-tili

Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.

Katso profiilimme

Tällä sivulla

Kelvinasteikko ja sen käänteinen logiikkaLämpimät, viileät ja neutraalit väritNeutraaleillakin on lämpötilaLämmin valo, viileä varjoVärilämpötila valokuvissa

Jaa tämä opas

Seuraavaksi aiheesta Värit

Värikylläisyys suunnittelussa: lisää tai vähennä voimaa

Lue myös

Kaikki oppaat aiheesta Värit
Värit

Lämpimät ja kylmät värit: värilämpötila tarkoituksella

4 min lukuaika

Jokaisella värillä on lämpötila, myös harmaillasi ja valkoisillasi. Kun opit lukemaan sitä, saat suunnitelman tuntumaan läheisemmältä, rauhallisemmalta tai kirkkaammalta vaihtamatta yhtäkään sävyä.

Värit

Neutraalit väripaletit, joissa on luonnetta

4 min lukuaika

Beige, harmaa ja valkoinen voivat näyttää arvokkailta tai siltä, ettei kukaan tehnyt valintaa. Eron tekevät lämpötila, sävyjen vaihtelu ja pieni yllätys. Tässä kahdeksan neutraalia palettia koodeineen ja ohjeet elävään ilmeeseen.

Värit

Väriteorian perusteet ihmisille, jotka eivät suunnittele

4 min lukuaika

Värien hyvään valintaan ei tarvita taidekoulua. Kuusi ajatusta selittää lähes jokaisen värivalinnan, ja jokaisen oppii muutamassa minuutissa.

Löydä ilme, joka on vain sinun.

Jokainen Mark on elävä tausta, jolla on yksi omistaja. Kokeile vapaata Markia ja lunasta omasi, kun se tuntuu oikealta.

Aloita suunnittelu

Tarkista sertifikaatti

Kirjoita sertifikaatin numero tai Markin koodi nähdäksesi, kuka sen omistaa.

Toimii ChatGPT:n ja Clauden kanssa

Pyydä tekoälyltäsi designia. Se tekee sen Markissasi, muokkausvalmiina.

ChatGPTClaude
Näin yhdistät

Tuote

  • Markkinat
  • Selaa
  • Hinnoittelu
  • Sertifikaatit

Opi

  • Suunnitteluopas
  • Ohjekeskus
  • Mitä uutta

Kehittäjille

  • Yleiskatsaus
  • ChatGPT ja Claude
  • API-viite
  • API-avaimet

Yritys

  • Tietoa meistä
  • Ota yhteyttä
  • Kirjaudu sisään

Juridiikka

  • Ehdot
  • Tietosuoja
  • Hyvitykset
  • Markin suoja
  • Evästeet
  • Kaikki käytännöt
Liiku kirjainten yli. Jokaisessa on oikea Mark.Kosketa kirjainta nähdäksesi sen Markin.Yksi nimi. Kymmenen Markia sen sisällä.
© 2026 Gradiently