⭐ 0
🔍
Teksti Kuva PDF & Docs Ääni Musiikki Elektroniikka Aika Apuohjelmat Validaattorit Esoteerinen Pelit

HEX-HSL-muunnin

Muunna mikä tahansa väri HEX-, RGB-, HSL- ja CMYK-merkintöjen välillä live-esikatselunäytteellä – suoraan selaimessasi.

Käsitellään... 0%
Jäsennetään väriarvoa
Muuntaa väriavaruutta
Renderöinnin esikatselu
Valmis

Tulos

Tämä sivu avaa värinmuuntimen, jossa HEX on esivalittu – liitä koodi, kuten #3b82f6, ja suorita se lukeaksesi saman värin kuin hsl (sävy, kylläisyys, vaaleus).

HSL kuvaa väriä sävyn (0–360°), kylläisyyden ja vaaleuden mukaan, mikä tekee siitä ihmisystävällisimmän CSS-merkinnän: tummenna painiketta alentamalla vaaleutta tai rakenna paletti siirtämällä vain sävyä – muokkaa HEX-numeroita ei voi ilmaista luettavasti.

Täysin muunnin hyväksyy HEX-, RGB- tai HSL-syötteen ja palauttaa kaikki neljä merkintää kerralla alkuperäisellä värivalitsimella ja live-swatchilla – kaikki tapahtuu selaimessasi, joten väriarvot eivät koskaan poistu laitteestasi.

🛡️
Suoritetaan selaimessa

Tiedostosi ja syötteesi eivät koskaan poistu tältä laitteelta. Käsittely toimii täysin offline-tilassa. 100 % turvallinen.

Hyväksytyt muodot ja säännöt

  • Muuntaa HEX-, RGB-, HSL- ja CMYK-värimallien välillä.
  • Alkuperäinen värinvalitsin, joka täyttää arvokentän valitussa muodossa.
  • Live-esikatselumalli sekä yhden napsautuksen kopio kaikista neljästä merkinnästä.

Tärkeimmät edut

✓ Yksi syöttö, jokainen merkintä: kirjoita väri kerran ja lue se takaisin HEX-, RGB-, HSL- ja CMYK-muodossa samanaikaisesti.
✓ Anteeksiantava jäsentäjä: hyväksyy #fff, #3b82f6, rgb(255, 0, 0), paljaat "255, 0, 0" tripletit ja hsl(120, 50%, 50%).
✓ Toimii kokonaan selaimessasi – väriarvoja ei koskaan ladata minnekään.

Käyttötapaukset

  • • Muuta #rrggbb-koodi tuotemerkkikirjasta rgb()- tai hsl()-merkinnöiksi ennen johdotuksen leijumista ja pois käytöstä CSS:ssä.
  • • Muunna näytöllä näkyvä RGB-väri CMYK-prosentteiksi tarkistaaksesi, miten se erottuu, ennen kuin lähetät käyntikortteja tai lentolehtisiä tulostettavaksi.
  • • Pudota väriä sisäänrakennetulla poimijalla ja kopioi kaikki neljä merkintää kerralla suunnittelusta koodiin -kanavanvaihtoa varten.