Töötab täielikult sinu brauseris - midagi ei laadita üles, kontot pole vaja.

Kuidas teisendada HEX RGB-ks?

Hex-värvikood koosneb kolmest kuueteistkümnendsüsteemi numbripaarist, üks paar iga kanali kohta. Iga paar teisenda kümnendarvuks vahemikus 0 kuni 255: näites #ff5733 on ff punase väärtus 255, 57 rohelise väärtus 87 ja 33 sinise väärtus 51, seega on RGB väärtus rgb(255, 87, 51). See teisendaja teeb seda kohe, kui sa kirjutad.

Kuidas kasutada

1Sisesta hex-kood. Kirjuta või kleebi hex-värv, näiteks #ff5733 (või #f53), või vali see värvivalijaga. Märk # ei ole kohustuslik.

2Loe RGB väärtust. rgb() väärtus, puhtad 0-255 väärtused ja otsene värvieelvaade uuenevad kirjutamise ajal, koos kanalipõhise lahtiseletusega, mis näitab, kuidas iga hex-paar teisendub.

3Kopeeri vajalik vorming. Klõpsa Kopeeri rgb() väärtuse või toorväärtuste kõrval. Vaja vastupidist suunda? Sisesta allpool punane, roheline ja sinine väärtus, et saada hex-kood tagasi.

Kellele see sobib

Front-end arendajad, kes teisendavad stiilijuhendi hex-koodi rgb()-ks, et lisada rgba()-ga läbipaistvust.

Disainerid, kes liigutavad brändivärve tööriistade vahel, mis nõuavad hex-vormingut (CSS, Figma), ja tööriistade vahel, mis nõuavad 0-255 väärtusi (mõned trüki- ja videotööriistad).

E-kirja- ja turundusmeeskonnad, kes viivad kampaania värvid kokku redaktorite vahel, mis aktsepteerivad ainult ühte vormingut.

Mängude ja rakenduste arendajad, kes sisestavad 0-255 kanaliväärtused mootoritesse ja SDK-desse, mis hex-stringe ei mõista.

Teisendaja aktsepteerib kõiki CSS-i hex-vorme: 6-kohaline #ff5733, 3-kohaline lühivorm #f53, ning 4- ja 8-kohaline vorm alfakanaliga, kas märgiga # või ilma. See näitab rgb() või rgba() väärtust, puhtaid kanaliväärtusi ja kanalipõhist lahtiseletust - ning vastupidist RGB to HEX rida, kui vajad teisendust vastupidises suunas. Kõik toimub sinu brauseris - ilma üleslaadimise, konto ja piiranguteta.

Korduvad küsimused

Kas see HEX to RGB teisendaja on tasuta?

Jah - see on täiesti tasuta, registreerimiseta ja piiranguteta. See töötab täielikult sinu brauseris.

Kas mu värvid saadetakse kuhugi?

Ei. Teisendus on tavaline JavaScript, mis töötab sinu seadmes - midagi ei saadeta serverisse ning tööriist töötab ka võrguühenduseta pärast lehe laadimist.

Milline on valem HEX teisendamiseks RGB-ks?

Jaga hex-kood kolmeks paariks ja teisenda iga paar 16-süsteemist kümnendsüsteemi: korruta esimene number 16-ga ja lisa teine (a=10 ... f=15). Näites #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.

Kas see toetab 3-kohalist lühivormi, näiteks #f53?

Jah. CSS-i lühivormis dubleeritakse iga number, seega #f53 laieneb kujule #ff5533 ja teisendub väärtuseks rgb(255, 85, 51). 4-kohaline vorm töötab samamoodi, kusjuures viimane number on alfaväärtus.

Kuidas see teisendab HEX RGBA-ks?

8-kohaline hex-kood kannab alfaväärtust oma viimases paaris. See bait (0-255) jagatakse 255-ga, et saada rgba() nõutav väärtus vahemikus 0-1, ümardatuna kolme kohani pärast koma - nii saab #ff573380 väärtuseks rgba(255, 87, 51, 0.502).

Kas see suudab teisendada RGB tagasi HEX-iks?

Jah. Kasuta tulemuse all olevat RGB to HEX rida: sisesta punase, rohelise ja sinise väärtused vahemikus 0 kuni 255 ning saad kohe hex-koodi. Vahemikust välja jäävad väärtused piiratakse vahemikku 0-255.

Miks mul on vaja rgb()-d, mitte hex-koodi?

Peamiselt läbipaistvuse ja arvutuste jaoks: rgba(255, 87, 51, 0.5) muudab värvi läbipaistvaks ja paljud API-d, mängumootorid ning disainispetsifikatsioonid eeldavad eraldi 0-255 kanalinumbreid, mitte hex-stringi.