Kaip konvertuoti HEX į RGB?

Hex spalvos kodą sudaro trys šešioliktainių skaitmenų poros, po vieną porą kiekvienam kanalui. Kiekvieną porą paverskite dešimtainiu skaičiumi nuo 0 iki 255: pavyzdyje #ff5733, ff yra 255 raudonos, 57 yra 87 žalios, o 33 yra 51 mėlynos, todėl RGB reikšmė yra rgb(255, 87, 51). Šis keitiklis tai atlieka akimirksniu, kol rašote.

Kaip naudotis

1Įveskite hex kodą. Įrašykite arba įklijuokite hex spalvą, pvz., #ff5733 (arba #f53), arba pasirinkite ją iš spalvų pavyzdžio. Simbolis # nebūtinas.

2Perskaitykite RGB reikšmę. rgb() eilutė, grynos 0-255 reikšmės ir gyva spalvos peržiūra atsinaujina rašant, kartu su kiekvieno kanalo išskaidymu, rodančiu, kaip konvertuojama kiekviena hex pora.

3Nukopijuokite reikiamą formatą. Spustelėkite Kopijuoti šalia rgb() eilutės arba grynų reikšmių. Reikia atvirkštinės krypties? Įveskite raudoną, žalią ir mėlyną žemiau, kad gautumėte hex kodą atgal.

Kam pravers

Front-end programuotojai, verčiantys hex kodą iš stiliaus vadovo į rgb(), kad su rgba() galėtų pridėti permatomumą.

Dizaineriai, perkeliantys prekės ženklo spalvas tarp įrankių, kuriems reikia hex (CSS, Figma), ir įrankių, kuriems reikia 0-255 reikšmių (kai kurie spausdinimo ir vaizdo įrankiai).

El. pašto ir rinkodaros komandos, derinančios kampanijos spalvas tarp redaktorių, priimančių tik vieną žymėjimo formą.

Žaidimų ir programų kūrėjai, perduodantys 0-255 kanalų reikšmes varikliams ir SDK, kurie neskaito hex eilučių.

Keitiklis priima visas CSS hex formas: 6 skaitmenų #ff5733, 3 skaitmenų sutrumpintą #f53, taip pat 4 ir 8 skaitmenų formas su alfa kanalu, su # arba be jo. Jis rodo rgb() arba rgba() eilutę, grynas kanalų reikšmes ir kiekvieno kanalo išskaidymą - bei atvirkštinę RGB į HEX eilutę, kai reikia keisti kryptį. Viskas vyksta jūsų naršyklėje - be įkėlimo, be paskyros, be apribojimų.

DUK

Ar šis HEX į RGB keitiklis nemokamas?

Taip - jis visiškai nemokamas, be registracijos ir be jokių apribojimų. Veikia visiškai jūsų naršyklėje.

Ar mano spalvos kur nors siunčiamos?

Ne. Konvertavimas atliekamas paprastu JavaScript kodu, veikiančiu jūsų įrenginyje - niekas nesiunčiama į serverį, o įrankis toliau veikia ir be interneto, kai puslapis jau įkeltas.

Kokia formulė naudojama konvertuojant HEX į RGB?

Padalykite hex kodą į tris poras ir kiekvieną porą paverskite iš 16-os skaičiavimo sistemos į dešimtainę: pirmą skaitmenį dauginkite iš 16 ir pridėkite antrą (a=10 ... f=15). Pavyzdyje #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.

Ar palaiko sutrumpintą 3 skaitmenų formą, pvz., #f53?

Taip. CSS sutrumpintame zapise kiekvienas skaitmuo padvigubinamas, todėl #f53 išplečiamas iki #ff5533 ir konvertuojamas į rgb(255, 85, 51). 4 skaitmenų forma veikia taip pat, tik paskutinis skaitmuo yra alfa reikšmė.

Kaip jis konvertuoja HEX į RGBA?

8 skaitmenų hex kodas alfa reikšmę saugo paskutinėje poroje. Tas baitas (0-255) dalijamas iš 255, kad gautume 0-1 alfa reikšmę, kurios reikalauja rgba(), apvalinant iki trijų skaičių po kablelio - taip #ff573380 tampa rgba(255, 87, 51, 0.502).

Ar gali konvertuoti RGB atgal į HEX?

Taip. Naudokite RGB į HEX eilutę po rezultatu: įveskite raudonos, žalios ir mėlynos reikšmes nuo 0 iki 255 ir iškart gausite hex kodą. Už ribų esančios reikšmės apribojamos iki 0-255.

Kodėl man reikia rgb(), o ne hex kodo?

Daugiausia dėl permatomumo ir skaičiavimų: rgba(255, 87, 51, 0.5) padaro spalvą permatomą, o daugelis API, žaidimų variklių ir dizaino specifikacijų reikalauja atskirų 0-255 kanalų skaičių, o ne hex eilutės.