Muunnin hyväksyy kaikki CSS:n hex-muodot: 6-merkkisen #ff5733, lyhennetyn 3-merkkisen #f53 sekä 4- ja 8-merkkiset muodot alfakanavalla, risuaidan kanssa tai ilman. Se näyttää rgb()- tai rgba()-merkkijonon, pelkät kanava-arvot ja kanavakohtaisen erittelyn - sekä RGB-koodin muuntamisen takaisin hexiksi. Kaikki toimii selaimessasi - ei latausta palvelimelle, ei tiliä, ei rajoituksia.
Hex-RGB-muunnin
Toimii kokonaan selaimessasi - ei lähetyksiä, ei rekisteröitymistä.
CSS
rgb(255, 87, 51)RGB-arvot
255, 87, 51Miten se muunnetaan
Punainen
FF255Vihreä
5787Sininen
3351Toiseen suuntaan? RGB hexiksi
#ff5733Miten muunnan hex-koodin RGB-arvoksi?
Heksadesimaalinen värikoodi koostuu kolmesta heksadesimaalilukuparista, yksi pari kanavaa kohden. Muunna kukin pari desimaaliluvuksi valilta 0-255: koodissa #ff5733 ff on 255 punaista, 57 on 87 vihreää ja 33 on 51 sinistä, joten RGB-arvo on rgb(255, 87, 51). Muunnin tekee tämän heti kirjoittaessasi.
Näin se toimii
- 1Syötä hex-koodi. Kirjoita tai liitä väri kuten #ff5733 (tai #f53), tai valitse se värivalitsimella. Risuaita on valinnainen.
- 2Lue RGB-arvo. rgb()-merkkijono, pelkät 0-255-arvot ja reaaliaikainen värin esikatselu päivittyvät kirjoittaessasi, ja kanavakohtainen erittely näyttää, miten kukin hex-pari muunnetaan.
- 3Kopioi tarvitsemasi muoto. Klikkaa Kopioi-painiketta rgb()-merkkijonon tai raakojen arvojen vieressä. Tarvitsetko toisen suunnan? Syötä alla punainen, vihreä ja sininen saadaksesi hex-koodin takaisin.
Kenelle
- Front end -kehittäjät, jotka muuntavat tyylioppaan hex-koodin rgb()-muotoon lisätäkseen läpinäkyvyyttä rgba():lla.
- Suunnittelijat, jotka siirtävät brändin värejä hexiä käyttävien työkalujen (CSS, Figma) ja 0-255-arvoja käyttävien työkalujen (osa tulostus- ja videosovelluksista) välillä.
- Sähköposti- ja markkinointitiimit, jotka sovittavat kampanjan värit yhteen editoreissa, jotka hyväksyvät vain yhden merkintätavan.
- Peli- ja sovelluskehittäjät, jotka syöttävät 0-255-kanava-arvoja moottoreihin ja SDK:ihin, jotka eivät osaa tulkita hex-merkkijonoja.
Usein kysyttyä
Onko tämä hex-RGB-muunnin ilmainen?
Kyllä - se on 100 % ilmainen, ei vaadi rekisteröitymistä eikä rajoituksia. Kaikki toimii selaimessasi.
Ladataanko värini jonnekin?
Ei. Muunnos on tavallista JavaScriptiä, joka suoritetaan laitteellasi - mitään ei lähetetä palvelimelle, ja työkalu toimii offline-tilassa heti kun sivu on latautunut.
Mikä on kaava hex-koodin muuntamiseen RGB-arvoksi?
Jaa hex-koodi kolmeen pariin ja muunna kukin pari 16-järjestelmästä desimaaliksi: kerro ensimmäinen numero 16:lla ja lisää toinen (a=10 ... f=15). Koodissa #ff5733 ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.
Tukeeko se lyhennettyä muotoa kuten #f53?
Kyllä. CSS:n lyhennysmuodossa jokainen numero kahdennetaan, joten #f53 laajenee muotoon #ff5533 ja muuntuu arvoksi rgb(255, 85, 51). 4-merkkinen muoto toimii samoin, ja viimeinen numero on alfa.
Miten se muuntaa hex-koodin RGBA-arvoksi?
8-merkkisen hex-koodin viimeinen pari sisältää alfan. Tämä tavu (0-255) jaetaan 255:llä, jotta saadaan rgba():n odottama 0-1-alfa pyöristettynä kolmeen desimaaliin - näin #ff573380 muuttuu muotoon rgba(255, 87, 51, 0.502).
Voiko se muuntaa RGB-arvon takaisin hexiksi?
Kyllä. Käytä tuloksen alla olevaa RGB-hex-riviä: syötä punainen, vihreä ja sininen arvoina 0-255, niin saat hex-koodin heti. Rajojen ulkopuoliset arvot rajataan välille 0-255.
Miksi tarvitsen rgb():tä hex-koodin sijaan?
Etenkin alfan ja laskennan vuoksi: rgba(255, 87, 51, 0.5) tekee väristä läpikuultavan, ja monet rajapinnat, pelimoottorit ja suunnittelumäärittelyt odottavat erillisiä 0-255-kanava-arvoja hex-merkkijonon sijaan.