Ilmainen HEX - RGB Muunnin - Värikoodimuunnin ja Värivalitsin

HEX-koodin muuntaminen RGB:ksi

Tämä työkalu lukee HEX-värikoodin ja näyttää saman värin RGB-, HSL- ja CMYK-muodossa sekä 8-merkkisenä HEX/RGBA-arvona, samalla kun se näyttää reaaliaikaisen värinäytteen, kontrastiesikatselun ja koetun kirkkauden. Kirjoita tai liitä koodi, tai valitse väri visuaalisesti, niin kaikki muodot päivittyvät yhdessä.

Miten muunnos toimii

6-merkkinen HEX-koodi jakautuu kolmeen 2-merkkiseen pariin, kukin heksadesimaaliluku väliltä 00-FF (0-255 kymmenjärjestelmässä) punaiselle, vihreälle ja siniselle. 3-merkkisessä lyhenteessä jokainen merkki kahdennetaan ensin, joten #0D8 muuttuu muotoon #00DD88 ennen samaa jakoa. Tästä RGB-kolmikosta HSL lasketaan vaaleimman ja tummimman kanavan keskiarvona kirkkaudelle, niiden erotuksena kylläisyydelle ja kanavien järjestyksestä sävylle. CMYK lasketaan viitteeksi etsimällä K kolmesta kanavasta suurimman perusteella ja skaalaamalla syaani, magenta ja keltainen sen mukaan. Koettu kirkkaus käyttää ITU-R BT.601-painoja, R kertaa 299 plus G kertaa 587 plus B kertaa 114, jaettuna tuhannella; yli 128 menevä tulos merkitään Vaaleaksi, sen alle jäävä Tummaksi, mikä ratkaisee myös tekstin värin kontrastiesikatselussa. Sama syöttökenttä tunnistaa myös suoraan kirjoitetun rgb(r, g, b)-merkkijonon HEX-koodin sijaan, ja jokainen värivalitsimen valinta päivittää HEX-kentän automaattisesti. Jos koodia ei voida tulkita, työkalu näyttää virheilmoituksen suoraan syöttökentän alla sen sijaan, että se arvaisi värin. Jokaisella muunnetulla arvolla on oma kopiointipainikkeensa, joka muuttuu hetkeksi valintamerkiksi klikkauksen jälkeen, joten voit napata vain RGB-, CMYK- tai CSS-rivin koskematta muihin. Kirkkauspisteet ja jokainen HSL-luku pyöristetään näytöllä lähimpään kokonaislukuun ilman desimaaleja.

Laskuesimerkki

Otetaan #06D6A0. Parit antavat R=6, G=214, B=160, eli RGB(6, 214, 160). Vaaleimman ja tummimman kanavan keskiarvo antaa 43 prosentin kirkkauden, niiden erotus 95 prosentin kylläisyyden, ja sävy asettuu kohtaan 164 astetta, yhdessä HSL(164, 95%, 43%). Samat RGB-arvot antavat CMYK-kaavassa cmyk(97%, 0%, 25%, 16%). 8-merkkinen muoto on #06D6A0FF, ja CSS-rivi on color: #06D6A0;. Kirkkaus on 146 asteikolla 255, selvästi yli 128:n rajan, joten työkalu merkitsee värin Vaaleaksi ja vaihtaa kontrastiesikatselussa mustaan tekstiin.

Esimerkkituloste

Input:  #06D6A0

Output: {
  "rgb":  "rgb(6, 214, 160)",
  "hsl":  "hsl(164, 95%, 43%)",
  "cmyk": "cmyk(97%, 0%, 25%, 16%)",
  "hex8": "#06D6A0FF",
  "css":  "color: #06D6A0;"
}