Varimuunnin
Muunna vareja HEX-, RGB- ja HSL-muotojen valilla reaaliaikaisella esikatselulla.
Nain kaytat tyokalua Varimuunnin
- 01
Anna vari HEX-muodossa, esimerkiksi #ff8800.
- 02
Nae se muunnettuna RGB- ja HSL-muotoon valittomasti.
- 03
Kopioi tarvitsemasi muoto.
Mitä se tekee
Tämä on verkko- ja suunnittelutyötä varten tarkoitettu värimuunnin, joka muuntaa värit kolmen useimmin käyttämäsi muodon välillä: HEX, RGB ja HSL, live-swatchilla, jotta näet tarkalleen, mitä työskentelet.
Tämä on jokapäiväistä liimaa suunnittelun ja koodin välillä: brändin värin sovittaminen mallista CSS-muuttujaan, suunnittelijan sinulle antaman arvon muuntaminen yhdessä muodossa haluamaasi muotoon tai hieman vaaleamman sävyn löytäminen leijuustilaan.
Kaikki toimii selaimessasi, joten se on välitöntä eikä mitään syöttämääsi lähetetä minnekään.
Miten muodot eroavat
Jokainen muoto kuvaa samaa väriä eri tavalla. HEX (kuten #ff8800) on kompakti muoto, jota käytetään kaikissa CSS:ssä ja HTML:ssä. RGB ilmaisee punaiset, vihreät ja siniset kanavat suoraan, joten näytöt ja koodit, kuten kankaat, ajattelevat värejä. HSL kuvaa sävyä, kylläisyyttä ja vaaleutta, mikä on paljon intuitiivisempaa, kun haluat muuttaa väriä: vaihda sävyä siirtääksesi sitä pyörän ympäri tai vaaleutta tummemmaksi ilman, että valitset uutta koodia käsin.
Miten muuntaminen toimii
Syötä HEX-arvo ja RGB- ja HSL-vastineet päivittyvät välittömästi, jotta voit napata minkä tahansa muodon edessäsi olevasta työkalusta tai koodikannasta.
Mitä ei ole vielä katettu
Tällä hetkellä työkalu keskittyy läpinäkymättömiin väreihin HEX-, RGB- ja HSL-muodoissa; alfa-tuki (opasiteetti) ei vielä sisälly.
Usein kysytyt kysymykset
Mita muotoja tuetaan?
HEX (#rgb tai #rrggbb), RGB ja HSL. Anna HEX-arvo, niin muut paivittyvat reaaliajassa.
Tuetteko alfaa / lapinakyvyytta?
Ei viela. Tama tyokalu keskittyy lapinakymattomaan HEX-, RGB- ja HSL-variin. Alfa-tuki voidaan lisata myohemmin.