Online Tools Center
  • Etusivu
  • Työkalut
  • Muuntimet
Online Tools Center

Free online calculators for math, finance, fitness, and more.

Pikalinkit

  • Math Calculators
  • Työkalut
  • Muuntimet
  • Tietoa Meistä
  • Yhteystiedot

Juridinen

  • Tietosuojakäytäntö
  • Käyttöehdot

© 2026 Online Tools Center. Kaikki oikeudet pidätetään.

Värimuunnin

Syötä väri missä tahansa formaatissa ja näe välittömästi kaikki muunnokset — RGB, Hex, HSL, HWB, CMYK ja NCol.

Syötä kelvollinen väri nähdäksesi esikatselun ja kaikki muunnokset.

Mikä on värimuunnin?

Värimuunnin kääntää värin verkkosuunnittelussa, painatuksessa ja digitaalisessa taiteessa käytettyjen eri koodausjärjestelmien välillä. Suomalaiset suunnittelijat ja valokuvaajat ammentavat väripaleteistaan Lapin tunturien liila-vihreitä revontulia, Finnair-sinistä, koivumetsien kesävihreää ja Pohjanlahden sinisenharmaan meren sävyjä.

Työkalu tukee kuutta formaattia: RGB, Hex, HSL, HWB, CMYK ja Natural Color (NCol). Se tunnistaa myös lähimmän CSS-värinimen, kun osuma on riittävän tarkka.

Värimalleja lyhyesti

RGB

Additiivinen malli näytöille. Jokainen kanava 0–255. Kaikki maksimilla tuottaa valkoisen.

Hex

RGB:n heksadesimaalinen koodaus, laajasti käytetty CSS:ssä. Esimerkki: #003580 (Finnair-sininen).

HSL

Kuvaa värin sävyn kulmana (0–360°), kylläisyytenä ja vaaleusena. Luonnollinen ihmissilmälle.

HWB

Vaihtoehto HSL:lle. Käyttää sävyä, valkoisuutta ja mustuutta. Helppo vaalentaa tai tummentaa.

CMYK

Subtraktiivinen malli painatukselle: syaani, magenta, keltainen ja musta.

Natural Color (NCol)

W3C Natural Color: sävy kirjaimena + prosenttioffset, plus valkoisuus ja mustuus.

Suomalaisia väriesimerkkejä

Finnair-sininen (#003580)

Finnairin tunnistettava tummansininen (RGB 0, 53, 128). HSL:ssä noin 219°, 100%, 25%. Edustaa suomalaista täsmällisyyttä ja Pohjoismaista tyylikkyyttä.

Suomen lipun sininen (#002f6c)

Suomen lipun kobolttinsininen risti (RGB 0, 47, 108). CMYK:ssa noin 100% C, 56% M, 0% Y, 58% K. Symboloi taivaan ja vesistöjen sinisyyttä.

Koivumetsän vihreä (#6aaa64)

Suomalaisen koivumetsän kesävihreä (RGB 106, 170, 100). HSL:ssä 116°, 26%, 53%. Perusvihreä, joka hallitsee suomalaisia maisemia kesäkuukausina.

Revontulten violetti (#7b4f9e)

Lapin revontulten maaginen violetti (RGB 123, 79, 158). HSL:ssä 279°, 33%, 46%. Yksi harvinainen mutta vaikuttava väri Suomen talvitaivaalla.

Miten se toimii

  1. 1

    Valitse syötemuoto, joka vastaa värikoodiasi.

  2. 2

    Syötä väriarvot. Tulokset päivittyvät välittömästi — ei painiketta tarvita.

  3. 3

    Muunnin normalisoi kaikki syötteet sisäiseen RGB-esitykseen yleismaailmallisena pivot-arvona.

  4. 4

    Tuosta RGB-kolmikosta lasketaan kaikki muut muodot standardoiduilla matemaattisilla kaavoilla.

  5. 5

    Nimihaulla verrataan 148 CSS-väriä ja palautetaan lähin osuma ~30 yksikön sisällä.

Vinkkejä ja parhaita käytäntöjä

  • ✓

    Käytä Hex- tai RGB-arvoja CSS-tyylitiedostoissa; suosi HSL:ää vaaleuden tai kylläisyyden ohjelmalliseen säätöön.

  • ✓

    CMYK-arvot ovat arvioita — tilaa aina korjausvedos kaupalliseen painatukseen.

  • ✓

    HWB sopii erinomaisesti väriperheiden luomiseen: pidä sävy vakiona ja vaihtele valkoisuutta.

  • ✓

    Hex-koodeja syötettäessä '#'-etuliite on valinnainen.

  • ✓

    Virallisille suomalaisille brändiväreille (Posti, VR, Finnair) tarkista aina virallinen brändiohjeistus.

Usein kysytyt kysymykset

Mitä eroa on HSL:llä ja HWB:llä?▼

Molemmat käyttävät sävykulmaa, mutta toinen ja kolmas parametri eroavat. HSL käyttää kylläisyyttä ja vaaleutta; HWB käyttää suoraan valkoisuutta ja mustuutta. HWB on usein intuitiivisempi värin vaalentamiseen (lisää valkoista) tai tummentamiseen (lisää mustaa).

Miksi CMYK näyttää erilaiselta näytöllä?▼

Näytöt käyttävät additiivista valoa (RGB); tulostimet käyttävät subtraktiivista mustetta (CMYK). Väriavaruudet eivät täysin peitä toisiaan. Muunnin antaa laitteistoriippumattoman matemaattisen likiarvon, ei painosaostumaa.

Mikä on Natural Color (NCol)?▼

W3C:n ehdotus, joka koodaa sävyn kirjaimena (R, Y, G, C, B, M) ja prosenttioffsetina, ja sen jälkeen valkoisuutena ja mustuutena. Esimerkiksi R0 0% 0% on puhdas punainen.

Voinko muuntaa CSS-värin kuten 'coral'?▼

Kyllä. Kirjoita nimi kenttään 'Hae CSS-nimellä' ja muunnin lataa arvot automaattisesti.

Kuinka tarkkoja muunnokset ovat?▼

Hex ja RGB ovat häviöttömiä (kokonaislukujen pyöristyksellä). HSL, HWB ja NCol pyöristetään yhteen desimaaliin. CMYK on vain matemaattinen likiarvo.

Miksi värinimeä ei joskus näytetä?▼

Vain 148 CSS-standardiväriä on mukana. Jos syötetty väri on enemmän kuin ~30 RGB-yksikön päässä mistään nimetystä väristä, nimeä ei palauteta.

Värien esitykset voivat vaihdella laitteiden välillä näytön kalibroinnin ja väriprofiilien takia. CMYK-arvot ovat matemaattisia likiarvoja.

Arvioi Tämä Laskuri