CSS Värinmuunnin

Muunna HEX-, RGB-, HSL-, HSV- ja CMYK-värejä CSS:ää, design tokeneita ja dokumentaatiota varten. Kaikki toimii paikallisesti selaimessasi.

Anna HEX-, RGB-, HSL-, HSV- tai CMYK-väriarvo.

HEX

# 3366kpp

RGB

RGB(51, 102, 255)

HSL

hsl (225, 100 % ja 60 %)

HSV

hsv (225, 80 %, 100 %)

CMYK

Cmyk(80%, 60%, 0%, 0%)

CSS-valmis tuloste

Kopioi HEX-, RGB- ja HSL-arvot suoraan tyylitiedostoihin, muuttujiin ja design token -tiedostoihin.

Suunnittelutyökalujen muodot

Käytä HSVtä pikkuritöitä varten ja CMYKta nopeana tulostuslähtöisenä lähentymisena palettien vertailussa.

Yksityinen paikallinen käsittely

Värin jäsentäminen ja muuntaminen tapahtuu sivulla. Ei ole latauspistettä eikä palvelinpuolen muunnosvaihetta.

Suhteelliset värityökalut

SCSS Kääntäjä
Sass/SCSS -tyylilehdet verkossa.
CSS-minifier
Kompressoi CSS-koodin paikallisesti selaimessasi.
CSS Gradient Generator -tuotantokone
Luo CSS-gradientit paikallisesti
Kuva värikäs
Valitse HEX, RGB ja HSL-arvot lataamasta tai vanhentuneesta kuvasta.
HEX RGB HSL Väri Muunnin
Muunna yleiset CSS-väriformaatit paikallisesti.
WCAG-värikontrastintarkistus
Varmista saavutettavan tekstin ja taustavärin kontrasti.
Kuvan väripalettigeneraattori
Valitse tarkka väri paikallisesta kuvasta.

Usein kysytyt kysymykset

Ladataanko värini, kun käytän tätä muunninta?

Ei. Muunnos suoritetaan JavaScriptillä selaimessasi. Antamaasi väriarvoa ei lähetetä Convertr-palvelimille.

Mitä värien muotoja tuetaan?

Työkalu tukee HEX-, RGB-, HSL-, HSV- ja CMYK-syötteitä ja näyttää muunnetut arvot kullekin muodolle.

Miksi CMYK on likimääräinen?

Selaimen värit ovat RGB-pohjaisia. CMYK-tuloste on standardi matemaattinen likiarvo ja voi poiketa painokohtaisista väriprofiileista.