# HWB - HSL Värimuodon muunnin Muunna HWB-värit HSL-muotoon yhdellä kertaa. Syötä HWB-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ä. ## 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 ### [Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/) 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ä. ### [HWB - HEX Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hwb-to-hex/) Muunna HWB-värit HEX-muotoon yhdellä kertaa. Syötä HWB-arvo CSS-syntaksilla tai pelkkinä numeroina ja saat tarkan HEX-vastineen, joka pyöristetään CSS-muotoa varten ja lasketaan culori-kirjastolla. Kun HEX 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ä. ### [HWB - RGB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hwb-to-rgb/) Muunna HWB-värit RGB-muotoon yhdellä kertaa. Syötä HWB-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ä. ### [HWB - CIELAB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hwb-to-lab/) Muunna HWB-värit CIELAB-muotoon yhdellä kertaa. Syötä HWB-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ä. ### [HWB - CIE LCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hwb-to-lch/) Muunna HWB-värit CIE LCH-muotoon yhdellä kertaa. Syötä HWB-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ä. ### [HWB - OKLab Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hwb-to-oklab/) Muunna HWB-värit OKLab-muotoon yhdellä kertaa. Syötä HWB-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** - [HWB - OKLCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hwb-to-oklch/) - [HWB - CMYK Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hwb-to-cmyk/) - [HWB - Display P3 Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hwb-to-p3/) - [HEX - HSL Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hex-to-hsl/) - [RGB - HSL Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/rgb-to-hsl/) - [CIELAB - HSL Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lab-to-hsl/) - [CIE LCH - HSL Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lch-to-hsl/) - [OKLab - HSL Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklab-to-hsl/) - [OKLCH - HSL Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklch-to-hsl/) - [CMYK - HSL Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/cmyk-to-hsl/) - [Display P3 - HSL Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/p3-to-hsl/) - [HEX - RGB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hex-to-rgb/) - [HEX - HWB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hex-to-hwb/) - [HEX - CIELAB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hex-to-lab/) - [HEX - CIE LCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hex-to-lch/) - [HEX - OKLab Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hex-to-oklab/) - [HEX - OKLCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hex-to-oklch/) - [HEX - CMYK Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hex-to-cmyk/) - [HEX - Display P3 Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hex-to-p3/) - [RGB - HEX Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/rgb-to-hex/) - [RGB - HWB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/rgb-to-hwb/) - [RGB - CIELAB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/rgb-to-lab/) - [RGB - CIE LCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/rgb-to-lch/) - [RGB - OKLab Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/rgb-to-oklab/) - [RGB - OKLCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/rgb-to-oklch/) - [RGB - CMYK Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/rgb-to-cmyk/) - [RGB - Display P3 Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/rgb-to-p3/) - [HSL - HEX Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hsl-to-hex/) - [HSL - RGB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hsl-to-rgb/) - [HSL - HWB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hsl-to-hwb/) - [HSL - CIELAB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hsl-to-lab/) - [HSL - CIE LCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hsl-to-lch/) - [HSL - OKLab Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hsl-to-oklab/) - [HSL - OKLCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hsl-to-oklch/) - [HSL - CMYK Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hsl-to-cmyk/) - [HSL - Display P3 Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/hsl-to-p3/) - [CIELAB - HEX Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lab-to-hex/) - [CIELAB - RGB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lab-to-rgb/) - [CIELAB - HWB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lab-to-hwb/) - [CIELAB - CIE LCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lab-to-lch/) - [CIELAB - OKLab Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lab-to-oklab/) - [CIELAB - OKLCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lab-to-oklch/) - [CIELAB - CMYK Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lab-to-cmyk/) - [CIELAB - Display P3 Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lab-to-p3/) - [CIE LCH - HEX Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lch-to-hex/) - [CIE LCH - RGB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lch-to-rgb/) - [CIE LCH - HWB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lch-to-hwb/) - [CIE LCH - CIELAB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lch-to-lab/) - [CIE LCH - OKLab Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lch-to-oklab/) - [CIE LCH - OKLCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lch-to-oklch/) - [CIE LCH - CMYK Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lch-to-cmyk/) - [CIE LCH - Display P3 Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/lch-to-p3/) - [OKLab - HEX Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklab-to-hex/) - [OKLab - RGB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklab-to-rgb/) - [OKLab - HWB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklab-to-hwb/) - [OKLab - CIELAB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklab-to-lab/) - [OKLab - CIE LCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklab-to-lch/) - [OKLab - OKLCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklab-to-oklch/) - [OKLab - CMYK Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklab-to-cmyk/) - [OKLab - Display P3 Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklab-to-p3/) - [OKLCH - HEX Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklch-to-hex/) - [OKLCH - RGB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklch-to-rgb/) - [OKLCH - HWB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklch-to-hwb/) - [OKLCH - CIELAB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklch-to-lab/) - [OKLCH - CIE LCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklch-to-lch/) - [OKLCH - OKLab Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklch-to-oklab/) - [OKLCH - CMYK Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklch-to-cmyk/) - [OKLCH - Display P3 Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/oklch-to-p3/) - [CMYK - HEX Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/cmyk-to-hex/) - [CMYK - RGB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/cmyk-to-rgb/) - [CMYK - HWB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/cmyk-to-hwb/) - [CMYK - CIELAB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/cmyk-to-lab/) - [CMYK - CIE LCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/cmyk-to-lch/) - [CMYK - OKLab Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/cmyk-to-oklab/) - [CMYK - OKLCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/cmyk-to-oklch/) - [CMYK - Display P3 Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/cmyk-to-p3/) - [Display P3 - HEX Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/p3-to-hex/) - [Display P3 - RGB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/p3-to-rgb/) - [Display P3 - HWB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/p3-to-hwb/) - [Display P3 - CIELAB Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/p3-to-lab/) - [Display P3 - CIE LCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/p3-to-lch/) - [Display P3 - OKLab Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/p3-to-oklab/) - [Display P3 - OKLCH Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/p3-to-oklch/) - [Display P3 - CMYK Värimuodon muunnin](https://oneclick.pro/fi/tool/color-format-converter/p3-to-cmyk/) Mainospaikka vapaana? [Lähetä meille sähköpostia](mailto:hi@dennn.is?subject=Mainostaminen%20palvelussa%20OneClick%20Pro) [Mainos Agenteille valmis lisäosa­sarja tuotteelle WordPress.](https://sleekwp.com/?ref=oneclickpro)