Värimuunnin
Muunna väri HEX-, RGB-, HSL-, HSV-, HWB-, CMYK-, LAB-, LCH- ja OKLCH-muotojen välillä. Liitä koodi, näe väri ja kopioi kaikki muodot yhdellä napsautuksella.
Esimerkkejä:
Muunnokset
CMYK on yksinkertainen muunnos ilman ICC-profiilia. Pyydä painotyötä varten painotalolta profiiliin perustuva muunnos.
Näin käytät värimuunninta
- Kirjoita tai liitä väri Syöte-kenttään. Muoto tunnistetaan automaattisesti:
#FF6347,FF6347,rgb(255 99 71),255, 99, 71,hsl(9 100% 64%),hsv(9, 72%, 100%),cmyk(0, 61, 72, 0),lab(63% 59 48),oklch(70% 0.2 32)tai nimi, kutentomato. - Muunnokset ilmestyvät kirjoittaessasi. Voit myös painaa Enteriä tai napsauttaa Muunna.
- Tarkista värinäyte: se näyttää värin ja Tunnistettu muoto -kohdan, joten tiedät, miten syötteesi luettiin.
- Napsauta Kopioi haluamasi muodon vieressä. Esimerkkipainikkeilla voit kokeilla yleisiä syötteitä.
Muunnos tapahtuu kokonaan selaimessasi. Mitään kirjoittamaasi ei lähetetä palvelimelle.
Tuetut muodot
| Muoto | Esimerkki | Tyypillinen käyttö |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, suunnittelutyökalut |
| RGB | rgb(255, 99, 71) |
CSS, koodi, kuvankäsittelyohjelmat |
| HSL | hsl(9, 100%, 64%) |
CSS, vaaleuden säätö |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, värinvalitsimet |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
painotyö (katso huomautus alla) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), väritiede |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
moderni CSS, design-järjestelmät |
HEX-, RGB-, HSL-, HWB-, LAB-, LCH- ja OKLCH-tulosteet ovat kelvollista CSS:ää, jonka voit liittää suoraan tyylitiedostoon. HSV ja CMYK eivät ole CSS-merkintöjä, joten ne kirjoitetaan tavanomaisella funktiomuodolla luettavuuden vuoksi.
Jos syötteessäsi on läpinäkyvyyttä (esimerkiksi rgb(255 0 0 / 50%)), muunnin säilyttää sen: HEX muuttuu kahdeksanmerkkiseksi koodiksi, kuten #FF000080, ja muihin muotoihin tulee alfa-arvo.
Näin muunnokset toimivat
RGB, HEX, HSL, HSV ja HWB ovat eri tapoja kirjoittaa samoja sRGB-arvoja, joten ne muuntuvat täsmälleen (pyöristystä lukuun ottamatta). LAB ja LCH noudattavat CSS Color 4 -määritelmää, jossa käytetään D50-valkopistettä ja Bradfordin kromaattista adaptaatiota. Jotkin verkon muuntimet käyttävät sen sijaan D65:tä, joten niiden LAB-luvut voivat poiketa samalle värille muutaman yksikön. OKLCH käyttää Björn Ottossonin Oklab-mallia, jota selaimet käyttävät oklch()-funktiossa.
Kun syötät LAB-, LCH- tai OKLCH-värin, joka on liian kylläinen tavalliselle näytölle, se on sRGB-alueen ulkopuolella eikä sillä ole HEX-vastinetta. Työkalu näyttää silloin ilmoituksen ja muuntaa värin lähimmäksi esitettäväksi väriksi pienentämällä kromaa ja säilyttämällä vaaleuden ja sävyn.
CMYK on likiarvo
CMYK-arvot lasketaan yksinkertaisella kaavalla K = 1 − max(R, G, B) ja C = (1 − R − K) / (1 − K), samoin M:lle ja Y:lle. ICC-profiilia ei käytetä, joten luvut eivät ennusta, miltä väri tulostuu tietyssä painokoneessa. Ammattimaista painotyötä varten muunna taitto-ohjelmassa painotalon antamalla profiililla (esimerkiksi FOGRA39 tai GRACoL). CMYK:n muuntaminen takaisin RGB:ksi käyttää käänteistä kaavaa R = (1 − C)(1 − K).
Usein kysytyt kysymykset
Miten muunnan HEXin RGB:ksi käsin?
Jaa koodi kolmeen pariin ja muunna kukin kantaluvusta 16 kantalukuun 10. Koodille #FF6347: FF = 255, 63 = 99, 47 = 71, joten väri on rgb(255, 99, 71).
Mitä eroa on HSL:llä ja HSV:llä?
Kummassakin on sävykulma ja kylläisyys, mutta HSL:n kolmas arvo on vaaleus (50 % on puhdas väri, 100 % on valkoinen), kun taas HSV:n kolmas arvo on arvo eli kirkkaus (100 % on puhdas väri tai valkoinen kylläisyydestä riippuen). Sama väri saa siksi eri kylläisyysluvut kummassakin mallissa.
Miksi LAB-arvoni poikkeaa toisen muuntimen arvosta?
Todennäköisimmin valkopisteen vuoksi. Tämä työkalu käyttää D50:tä kuten CSS:n lab(). D65:een perustuvat muuntimet antavat hieman erilaisia lukuja. Molemmat ovat oikein omassa vertailukehyksessään.
Voinko muuntaa CMYK:n HEXiksi?
Voit. Kirjoita esimerkiksi cmyk(0%, 61%, 72%, 0%) tai cmyk(0, 0.61, 0.72, 0). Muista, että tulos on likiarvo ilman värimallin profiilia.
Hyväksyykö työkalu värit ilman #-merkkiä?
Hyväksyy. ff6347, f64 ja jopa kolme pilkuilla erotettua lukua, kuten 255, 99, 71, tunnistetaan.
Aiheeseen liittyvät työkalut
- Värinvalitsin Ilmainen värinvalitsin. Valitse väri ja kopioi heti sen HEX-, RGB-, HSL-, HSV- ja CMYK-koodit sekä kontrastit valkoista ja mustaa vasten.
- Väripalettigeneraattori Luo väripaletteja yhdestä perusväristä väriharmonian säännöillä – komplementti, vierekkäiset, triadi, tetradi, neliö ja yksivärinen.
- Kuvan värinvalitsin Lataa kuva ja napsauta pikseliä saadaksesi sen värin HEX-, RGB-, HSL-, HSV- ja CMYK-muodossa. Zoomauslasi, keskiarvo ja poimittujen värien luettelo.