Siirry sisältöön

Värimuodon muunnin

Muunna väri HEX-, RGB-, HSL-, HWB-, CIELAB-, CIE LCH-, OKLab-, OKLCH-, CMYK- tai Display P3 -muotoon. Valitse lähde- ja kohdemuodot, syötä arvo CSS-syntaksilla tai pelkkinä numeroina ja saat CSS-yhteensopivan tuloksen, joka lasketaan culori-kirjastolla. Kohdeväriavaruuden ulkopuolelle jäävät värit muunnetaan CSS Color 4:n määritysten mukaisesti. Työkalu on suunniteltu kehittäjille ja suunnittelijoille, jotka siirtävät värejä koodin ja suunnittelutyökalujen välillä.

Nollaa

Usein kysytyt kysymykset

Mitä muotoja voin muuntaa keskenään?

Kymmenen muotoa: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK ja Display P3. Mikä tahansa niistä voi olla lähde tai kohde, joten muunnossuuntia on 90. Tulokset käyttävät nykyaikaista CSS Color 4 -syntaksia, esimerkiksi rgb(255 136 0) tai oklch(0.7442 0.1812 56.46).

Miten syötän lähtövärin?

Syötä lähdemuodon täydellinen CSS-merkintätapa, kuten hsl(32 100% 50%) tai color(display-p3 1 0.5 0), tai pelkät sen numerot, kuten 32, 100%, 50%, kun HSL on valittuna. Hex-koodit toimivat #-merkin kanssa tai ilman sitä, ja ne voivat olla 3, 4, 6 tai 8 numeroa pitkiä. Arvon on vastattava valittua lähdemuotoa, joten rgb()-arvo hylätään HSL-sivulla sen sijaan, että se muunnettaisiin vahingossa.

Miten CMYK muunnetaan?

culori ei tue CMYK-tilaa, joten muunnin käyttää sRGB-arvoihin 0–1 perustuvaa tavanomaista yksinkertaista kaavaa: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), ja sama pätee M:ään ja Y:hyn. Käänteinen muunnos on R = (1 - C) x (1 - K) ja niin edelleen. Tämä ei ole ICC-profiilimuunnos, joten tulos ei vastaa tietyn painokoneen tai paperin tuottamaa jälkeä. Käytä sitä näytöllä näkyvien värien arviointiin ja suuntaa antaviin määrityksiin.

Miten CMYK-arvo syötetään?

Käytä muotoa cmyk(0%, 47%, 100%, 0%), laiteriippumatonta cmyk(0 0.47 1 0)-muotoa tai neljää pelkkää numeroa. Prosenttimerkillä varustetut arvot tulkitaan prosenteiksi; yksiköttömät arvot luetaan murtolukuina väliltä 0–1, paitsi jos jokin niistä on yli 1. Tällöin kaikki arvot tulkitaan prosenteiksi, joten esimerkiksi 0, 47, 100, 0 toimii odotetusti. CMYK-tulos esitetään aina prosentteina, enintään kahden desimaalin tarkkuudella.

Mitä tapahtuu kohdeväriavaruuden ulkopuolelle jääville väreille?

Lab, LCH, OKLab, OKLCH ja Display P3 voivat kuvata värejä, joita sRGB ei pysty näyttämään. Kun kohteena on HEX, RGB, HSL, HWB tai CMYK, jotka kaikki käyttävät sRGB:tä, tai Display P3, väriavaruuden ulkopuolelle jäävä väri muunnetaan CSS Color 4 -algoritmilla. Algoritmi pienentää OKLCH-värikylläisyyttä, kunnes väri mahtuu väriavaruuteen, ja tulokseen lisätään huomautus. Lab-, LCH-, OKLab- ja OKLCH-kohteilla ei ole rajoja, joten niiden värejä ei koskaan muunnetta.

Säilyykö läpinäkyvyys?

Kyllä, kaikissa kohteissa paitsi CMYK:ssä. Syötteen alfaarvo, kuten rgb(255 136 0 / 50%) tai #ff880080, kirjoitetaan muodossa / 0.5 CSS-funktioissa ja 8-numeroisena hex-koodina. CMYK:ssä ei ole alfakanavaa, joten siinä alfaarvo poistetaan.

Kuinka tarkkoja tulokset ovat?

RGB-kanavat pyöristetään kokonaisluvuiksi väliltä 0–255; HSL-, HWB- ja CMYK-prosentit sekä Lab- ja LCH-arvot kahteen desimaaliin; OKLab-arvot, OKLCH:n vaaleus ja värikylläisyys sekä Display P3 -kanavat neljään desimaaliin; sävyt kahteen desimaaliin. Kaikki laskelmat tehdään täydellä kaksoistarkkuudella ennen pyöristystä, joten edestakainen muunnos pysyy alkuperäisen arvon pyöristystarkkuuden rajoissa.

Mitä Lab- ja LCH-muotoja muunnin käyttää?

CIELAB ja CIE LCH D50-valkopisteellä täsmälleen niin kuin CSS-lab()- ja lch()-funktiot ne määrittelevät, käyttäen Bradford-mukautusta sRGB:n D65-valkopisteestä. Vaaleus vaihtelee välillä 0–100. OKLab ja OKLCH ovat Bjorn Ottossonin kehittämiä havaintoon perustuvia väriavaruuksia, joita käyttävät CSS, oklab() ja oklch(). Niiden vaaleus vaihtelee välillä 0–1.

Voinko muuntaa useita värejä kerralla?

Sivun lomake muuntaa yhden värin kerrallaan. Asiakasohjelmat, jotka kutsuvat työkalua suoraan, voivat lähettää enintään 100 väriä, yhden riviä kohden, ja saada yhden muunnetun arvon riviä kohden samassa järjestyksessä. Kukin väri voi olla enintään 100 merkkiä pitkä.

Miksi harmaasävyjen sävyarvo on 0?

Neutraaleilla väreillä ei ole sävyä, ja CSS voi merkitä sen arvolla none. Muunnin käyttää sen sijaan arvoa 0, jotta arvo toimii myös työkaluissa, jotka eivät hyväksy none-arvoa. Sävyllä ei ole näkyvää vaikutusta, kun kylläisyys tai värikylläisyys on nolla.

Aiheeseen liittyvät työkalut

HEX - RGB Värimuodon muunnin

Muunna HEX-värit RGB-muotoon yhdellä kertaa. Syötä HEX-arvo CSS-syntaksilla tai pelkkinä numeroina ja saat tarkan RGB-vastineen, joka pyöristetään CSS-muotoa varten ja lasketaan culori-kirjastolla. Kun RGB ei pysty näyttämään väriä, se muunnetaan lähimmäksi väriavaruuden sisällä olevaksi väriksi CSS Color 4:n määritysten mukaisesti. Työkalu on suunniteltu kehittäjille ja suunnittelijoille, jotka siirtävät värejä tyylitiedostojen, suunnittelutyökalujen ja määritysten välillä.

HEX - HSL Värimuodon muunnin

Muunna HEX-värit HSL-muotoon yhdellä kertaa. Syötä HEX-arvo CSS-syntaksilla tai pelkkinä numeroina ja saat tarkan HSL-vastineen, joka pyöristetään CSS-muotoa varten ja lasketaan culori-kirjastolla. Kun HSL ei pysty näyttämään väriä, se muunnetaan lähimmäksi väriavaruuden sisällä olevaksi väriksi CSS Color 4:n määritysten mukaisesti. Työkalu on suunniteltu kehittäjille ja suunnittelijoille, jotka siirtävät värejä tyylitiedostojen, suunnittelutyökalujen ja määritysten välillä.

HEX - HWB Värimuodon muunnin

Muunna HEX-värit HWB-muotoon yhdellä kertaa. Syötä HEX-arvo CSS-syntaksilla tai pelkkinä numeroina ja saat tarkan HWB-vastineen, joka pyöristetään CSS-muotoa varten ja lasketaan culori-kirjastolla. Kun HWB ei pysty näyttämään väriä, se muunnetaan lähimmäksi väriavaruuden sisällä olevaksi väriksi CSS Color 4:n määritysten mukaisesti. Työkalu on suunniteltu kehittäjille ja suunnittelijoille, jotka siirtävät värejä tyylitiedostojen, suunnittelutyökalujen ja määritysten välillä.

HEX - CIELAB Värimuodon muunnin

Muunna HEX-värit CIELAB-muotoon yhdellä kertaa. Syötä HEX-arvo CSS-syntaksilla tai pelkkinä numeroina ja saat tarkan CIELAB-vastineen, joka pyöristetään CSS-muotoa varten ja lasketaan culori-kirjastolla. Kun CIELAB ei pysty näyttämään väriä, se muunnetaan lähimmäksi väriavaruuden sisällä olevaksi väriksi CSS Color 4:n määritysten mukaisesti. Työkalu on suunniteltu kehittäjille ja suunnittelijoille, jotka siirtävät värejä tyylitiedostojen, suunnittelutyökalujen ja määritysten välillä.

HEX - CIE LCH Värimuodon muunnin

Muunna HEX-värit CIE LCH-muotoon yhdellä kertaa. Syötä HEX-arvo CSS-syntaksilla tai pelkkinä numeroina ja saat tarkan CIE LCH-vastineen, joka pyöristetään CSS-muotoa varten ja lasketaan culori-kirjastolla. Kun CIE LCH ei pysty näyttämään väriä, se muunnetaan lähimmäksi väriavaruuden sisällä olevaksi väriksi CSS Color 4:n määritysten mukaisesti. Työkalu on suunniteltu kehittäjille ja suunnittelijoille, jotka siirtävät värejä tyylitiedostojen, suunnittelutyökalujen ja määritysten välillä.

HEX - OKLab Värimuodon muunnin

Muunna HEX-värit OKLab-muotoon yhdellä kertaa. Syötä HEX-arvo CSS-syntaksilla tai pelkkinä numeroina ja saat tarkan OKLab-vastineen, joka pyöristetään CSS-muotoa varten ja lasketaan culori-kirjastolla. Kun OKLab ei pysty näyttämään väriä, se muunnetaan lähimmäksi väriavaruuden sisällä olevaksi väriksi CSS Color 4:n määritysten mukaisesti. Työkalu on suunniteltu kehittäjille ja suunnittelijoille, jotka siirtävät värejä tyylitiedostojen, suunnittelutyökalujen ja määritysten välillä.

Näytä kaikki 90 aiheeseen liittyvää työkalua

Tietoja: OneClick Pro

OneClick Pro on ilmainen kokoelma, jossa on yli 150 verkkotyökalua arjen tehtäviin: kuvien ja yksiköiden muuntamiseen, koodin muotoiluun ja validointiin, verkkotunnusten ja SEO tarkistamiseen sekä tekstien, päivämäärien ja lukujen käsittelyyn. Kaikki työkalut toimivat ilman rekisteröitymistä tai tilausta. Syöttämiäsi tietoja käytetään vain tuloksen laskemiseen, eikä niitä tallenneta koskaan. Käytä palvelua nopeana apuvälineenä yksittäisiin tehtäviin tai lisää kirjanmerkkeihin työkalut, joita tarvitset päivittäin.