» Värimuunnin


Värimuunnin formaateille HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ ja CSS-värinimet. Muunna värikoodit heti, kopioi käyttövalmiit arvot ja tarkista tarkka CSS-tulos yhdessä paikassa.

Käytä tätä värimuunninta vaihtaaksesi heti formaattien HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ ja CSS-värinimien välillä. Syötä mikä tahansa tuettu formaatti, säädä arvoja liukusäätimillä ja kopioi tarvitsemasi muunnettu tulos CSS:ää, design-järjestelmiä, painotyönkulkuja tai värianalyysiä varten.

Muunnin päivittää kaikki tulokset reaaliajassa, näyttää valitun värin selkeästi ja tukee käänteislaskentaa jokaisesta syöttötilasta. Siksi se sopii hyvin tehtäviin kuten HEX RGB:ksi, RGB HEX:iksi, HSL- tai CMYK-arvojen tarkistamiseen sekä modernien havaintoperustaisten formaattien, kuten OKLCH ja OKLAB, vertailuun.

Lähtötiedot

Valitse mikä tahansa formaatti, syötä arvot ja kaikki vastaavat värikoodit päivittyvät heti.

Syöttömuoto
Valitse formaatti, jota haluat muokata suoraan.
Tukee muotoja #RGB, #RGBA, #RRGGBB ja #RRGGBBAA.
Esimerkkejä: tomato, rebeccapurple, royalblue, lightseagreen.
Anna punaisen, vihreän ja sinisen arvot väliltä 0–255.
Käytä alfa-arvoa 0–1 läpinäkyvyyttä varten.
Säädä sävyä, kylläisyyttä ja vaaleutta CSS-ystävällistä muokkausta varten.
HSLA lisää HSL:ään alfa-läpinäkyvyyden.
HSV on hyödyllinen, kun haluat ajatella sävyn, kylläisyyden ja kirkkauden kautta.
CMYK:ta käytetään pääasiassa painotuotteisiin liittyvissä väriarvoissa.
LAB on havaintoperustainen väriavaruus ja voi tuottaa näytöllä gamut-alueen ulkopuolisia värejä.
LCH erottaa vaaleuden, kroman ja sävyn havaintoperustaista muokkausta varten.
OKLAB on moderni havaintoperustainen väriavaruus käyttöliittymiä ja väripaletteja varten.
OKLCH helpottaa havaintoperustaisia sävyn ja kroman säätöjä.
XYZ on viitevärijärjestelmä, jota käytetään usein muunnoksissa.

Kuva 1. Värimuunnin

HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Väritilassa voit säätää sävyä, kylläisyyttä ja vaaleutta.

Tulos

Muunnetut väriarvot

Yleisimmin käytetyt

Lisää formaatteja

Värimuuntimen usein kysytyt kysymykset

Mikä on värimuunnin?
Värimuunnin ottaa yhden värimuodon, kuten #3366cc tai rgb(51, 102, 204), ja laskee vastaavat arvot muissa muodoissa, kuten HSL, CMYK, LAB tai OKLCH.

Miten muunnan HEX-arvon RGB:ksi?
Valitse HEX-syöttötila, anna kelvollinen heksakoodi kuten #ff6600, ja muunnin näyttää automaattisesti vastaavat RGB-, HSL-, CMYK- ja muut arvot.

Miten muunnan RGB-arvon HEX:iksi?
Valitse RGB-tila, syötä punaisen, vihreän ja sinisen kanavan arvot ja kopioi luotu HEX-tulos. Tämä on tavallinen RGB:stä HEX:iin -työnkulku verkkoväreille.

Mitä HSL tarkoittaa?
HSL tarkoittaa sävyä, kylläisyyttä ja vaaleutta. Se kuvaa väriä väripyörän kulman sekä värin voimakkuuden ja vaaleuden tai tummuuden avulla, mikä on usein helpompaa säätää silmämääräisesti kuin pelkkiä RGB-arvoja.

Mihin CMYK:ta käytetään?
CMYK on käytössä pääasiassa painotyönkuluissa, koska se kuvaa värin syaanin, magentan, keltaisen ja mustan väriaineen peittoina. Se on hyödyllinen painotuotteiden, pakkausten ja muun painomateriaalin valmistelussa.

Mikä on OKLCH?
OKLCH on havaintoperustainen värimuoto, joka on johdettu OKLAB:sta. Se erottaa vaaleuden, kroman ja sävyn tavalla, joka on usein tasaisempi ihmisen näölle. Siksi se on hyödyllinen moderneissa käyttöliittymäpaleteissa ja design-järjestelmissä.

Ovatko muunnokset tarkkoja?
Muunnokset saman väriavaruuden sisällä voivat olla tarkkoja tai hyvin lähellä tarkkaa, mutta jotkin muodot käyttävät eri malleja tai viiteavaruuksia. Arvot kuten CMYK, LAB, LCH ja OKLCH voivat vaatia pyöristystä tai gamut-rajausta, kun ne muunnetaan takaisin näytettävään sRGB:hen.

Voinko käyttää tuloksia CSS:ssä?
Kyllä. Luodut HEX-, RGB-, RGBA-, HSL-, HSLA- ja tarkat CSS-värinimitulokset ovat valmiita liitettäväksi CSS-muuttujiin, inline-tyyleihin ja design tokeneihin.

Muut muuntimet

Katso myös: