Hex-värimuunnin – Muunna värit HEX, RGB ja HSL välillä
Hex-värimuunnin muuntaa värikoodit eri formaattien välillä: HEX (#rrggbb), RGB (red, green, blue) ja HSL (hue, saturation, lightness). Syötä arvo missä tahansa muodossa ja saat muut automaattisesti.
Työkalu näyttää värin esikatselun reaaliajassa ja tukee myös lyhytmuotoisia hex-koodeja (#rgb). Sopii web-kehittäjille ja suunnittelijoille jotka työskentelevät eri ohjelmistoissa, jotka käyttävät eri värinotaatioita.
Miten muuntaa HEX-väri RGB:ksi?
HEX-koodi #FF5733 jakautuu pareihin: FF=255 (punainen), 57=87 (vihreä), 33=51 (sininen) — eli RGB(255, 87, 51). Muunnos tehdään muuntamalla kuusitoistajärjestelmän luvut kymmeneen. HSL puolestaan: sävy (hue) 0–360°, kylläisyys ja kirkkaus prosentteina. Hex-värimuunnin tekee kaiken automaattisesti.
Ladataan työkalua...
Etkö tiedä mihin ryhtyä seuraavaksi?
Katso kaikki Ratkaisut →Hex-värimuunnin muuntaa värikoodeja eri formaattien välillä (HEX, RGB, HSL). Välttämätön työkalu suunnittelijoille ja kehittäjille, jotka työskentelevät värien kanssa eri ympäristöissä.
Syötä värikoodi missä tahansa tuettussa muodossa, niin työkalu muuntaa sen automaattisesti muihin formaatteihin.
- Muunna HEX-koodi RGB- ja HSL-arvoiksi tai päinvastoin.
- Esikatsele väriä reaaliajassa muunnoksen yhteydessä.
- Kopioi haluamasi värimuodon koodi suoraan käyttöön.
Eri värimuodot kuvaavat samaa väriä eri tavalla – käytä projektisi vaatimaa formaattia.
- HEX (#FF5733) on yleisin CSS:ssä, RGB sopii monikäyttöisesti.
- HSL on intuitiivisin värien säätämiseen (sävy, kylläisyys, kirkkaus).
- Näytön väriprofiili vaikuttaa siihen, miltä väri lopulta näyttää.
Värit voivat näyttää erilaisilta eri näytöillä ja tulostusmateriaaleissa.
- Näyttövärit (RGB) ja painovärit (CMYK) eivät vastaa toisiaan täysin.
- Saavutettavuus – tarkista aina tekstin ja taustan välinen kontrastisuhde.
- Työkalu ei tue CMYK-muunnosta, joka vaatii painoprofiilin.