Värimuunnin – HEX, RGB, HSL
Kirjoita tai liitä väri missä tahansa muodossa ja näe se muunnettuna HEX-, RGB- ja HSL-muotoihin välittömästi. Kopioi mikä tahansa arvo yhdellä napsautuksella.
Paste or type a color to convert
Supports HEX, RGB, and HSL formats
Try an example
Lisää työkaluja
Muunna värejä HEX-, RGB- ja HSL-muotojen välillä
Värien käyttö eri työkaluissa edellyttää usein muotojen välistä muuntamista. Tämä muunnin käsittelee HEX-, RGB- ja HSL-muotoja — kolmea yleisintä värimuotoa web-kehityksessä ja suunnittelussa.
Kirjoita tai liitä väriarvo missä tahansa tuetussa muodossa. Muunnin tunnistaa automaattisesti, onko kyseessä HEX-koodi, RGB-arvo vai HSL-arvo, ja näyttää kaikki kolme esitysmuotoa välittömästi.
Tuetut värimuodot
- HEX — esim. #3B82F6 tai #f00 (lyhennetty)
- RGB — esim. rgb(59, 130, 246)
- HSL — esim. hsl(217, 91%, 60%)
Jokainen tulos on muotoiltu käyttövalmiiksi CSS-arvoksi, jonka voit liittää suoraan koodiisi.
Näin käytät värimuunninta
- Syötä väriarvo syöttökenttään — HEX, RGB tai HSL
- Muoto tunnistetaan automaattisesti
- Näe muunnetut arvot kaikissa kolmessa muodossa syöttökentän alla
- Napsauta kopiointipainiketta minkä tahansa muodon vieressä kopioidaksesi sen leikepöydälle
Yleisiä käyttötapauksia
- HEX-koodin muuntaminen suunnittelutiedostosta RGB-muotoon CSS:ää varten
- Värin HSL-version hakeminen valoisuuden tai kylläisyyden säätämiseksi
- RGB-arvojen kääntäminen kuvankäsittelyohjelmasta HEX-muotoon HTML:ää varten
- Nopea tarkistus, että kaksi eri muodossa olevaa väriarvoa vastaavat samaa väriä
Milloin käyttää HEX-, RGB- tai HSL-muotoa?
HEX on kompaktein muoto, ja sitä käytetään laajasti CSS:ssä ja HTML:ssä. RGB on yleinen suunnittelutyökaluissa ja kuvankäsittelyohjelmissa. HSL on ihmiselle luettavin — se erottaa sävyn, kylläisyyden ja valoisuuden, mikä tekee värien hienosäädöstä helpompaa.
Yhtä ainoaa parasta muotoa ei ole. Käytä sitä, mitä työnkulkusi vaatii — ja kun sinun täytyy vaihtaa muotojen välillä, tämä muunnin tekee sen silmänräpäyksessä.
Usein kysytyt kysymykset
- Miten muunnan HEX-koodin RGB-muotoon?
- Liitä HEX-koodisi (esim. #3B82F6) syöttökenttään. RGB-vastine näytetään välittömästi alla.
- Miten muunnan RGB-arvon HEX-muotoon?
- Syötä RGB-arvo muodossa rgb(59, 130, 246). HEX-koodi näytetään yhdessä HSL-arvon kanssa.
- Mikä on HSL?
- HSL tarkoittaa Hue, Saturation ja Lightness (sävy, kylläisyys ja valoisuus). Se kuvaa värejä tavalla, joka on intuitiivisempi ihmisille — voit helposti muuttaa värin kirkkautta tai voimakkuutta vaikuttamatta sen perussävyyn.
- Tukeeko työkalu lyhennettyjä HEX-koodeja?
- Kyllä. Voit syöttää lyhennettyjä koodeja kuten #f00 tai #abc, ja ne laajennetaan ja muunnetaan oikein.
- Onko värimuunnin ilmainen?
- Kyllä. ColourPicker.app on täysin ilmainen, eikä rekisteröitymistä tarvita.
- Toimiiko työkalu mobiililaitteella?
- Kyllä. Värimuunnin toimii kaikilla laitteilla, joissa on moderni selain — tietokone, tabletti tai puhelin.