HEX RGB HSL -värimuunnin

Muunna CSS-väriarvoja HEX-, RGB- ja HSL-muotojen välillä reaaliaikaisella esikatselulla ja kopiointivalmiilla tulosteella.

Kaikki toimii paikallisesti selaimessasi.

CSS-arvot

Muunna liitetyt värit kopiointivalmiiksi CSS-arvoiksi tyylitiedostoja, komponentteja ja design tokeneita varten.

Suunnittelun luovutus

Siirry HEX-määrittelyjen, kuvakaappausten RGB-arvojen ja HSL-säätöjen välillä avaamatta suunnitteluohjelmaa.

Yksityinen paikallinen käsittely

Muunnin käyttää vain selaimen omaa JavaScriptiä. Latauspistettä tai palvelinpuolen muunnosta ei käytetä.

Aiheeseen liittyvät väriätyökalut

Kuvan väripoimija
Valitse HEX-, RGB- ja HSL-arvot ladatusta tai liitetystä kuvasta.
CSS-värimuunnin
Muunna HEX-, RGB-, HSL-, HSV- ja CMYK-värit.
Kuvan väripalettigeneraattori
Valitse tarkka väri paikallisesta kuvasta.
WCAG-värikontrastin tarkistin
Tarkista saavutettavuuden kontrastisuhde ja AA/AAA-standardit.
EXR HDR PNG:ksi
Soveltaa eksplisiittistä valotusta, gammaa tai scene-linear-to-sRGB-renderointia OpenEXR-kanaviin.

Usein kysytyt kysymykset

Ladataanko väriarvoni?

Ei. HEX, RGB ja HSL muunnos toimii JavaScriptillä selaimessasi. Syöttämiäsi väriarvoja ei lähetetä Convertrin palvelimille.

Mitä HEX-muotoja tuetaan?

Muunnin tukee 3-numeroisia ja 6-numeroisia HEX-värejä, kuten #0fa ja #00ffaa.

Voinko liittää CSS rgb() ja hsl() arvoja?

Kyllä. Voit liittää arvoja kuten rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) tai 142 71% 45%.

Mihin HSL on hyödyllinen?

HSL erottaa sävyn, kylläisyyden ja vaaleuden, mikä tekee siitä käytännöllisen väriperheiden, hover-tilojen ja suunnittelutokenien säätämisessä.