Kā pārveidot HEX uz RGB?

Hex krāsas kods ir trīs heksadecimālu ciparu pāri, pa vienam katram kanālam. Katru pāri pārveido decimālā skaitlī no 0 līdz 255: piemērā #ff5733, ff ir 255 sarkanās, 57 ir 87 zaļās un 33 ir 51 zilās krāsas, tāpēc RGB vērtība ir rgb(255, 87, 51). Šis pārveidotājs to izdara uzreiz, kamēr rakstāt.

Kā lietot

1Ievadiet hex kodu. Ierakstiet vai ielīmējiet hex krāsu, piemēram, #ff5733 (vai #f53), vai izvēlieties to ar krāsu paraugu. Simbols # nav obligāts.

2Nolasiet RGB vērtību. rgb() virkne, tīrās 0-255 vērtības un krāsas priekšskatījums tiešraidē atjaunojas, kamēr rakstāt, kopā ar sadalījumu pa kanāliem, kas rāda, kā pārveidojas katrs hex pāris.

3Kopējiet vajadzīgo formātu. Klikšķiniet Kopēt blakus rgb() virknei vai neapstrādātajām vērtībām. Vajag pretējo virzienu? Ievadiet sarkano, zaļo un zilo zemāk, lai atgūtu hex kodu.

Kam noder

Front-end izstrādātāji, kuri hex kodu no stila ceļveža pārveido uz rgb(), lai ar rgba() pievienotu caurspīdīgumu.

Dizaineri, kuri pārvieto zīmola krāsas starp rīkiem, kam vajag hex (CSS, Figma), un rīkiem, kam vajag 0-255 vērtības (daži drukas un video rīki).

E-pasta un mārketinga komandas, kuras saskaņo kampaņas krāsas starp redaktoriem, kas pieņem tikai vienu pierakstu.

Spēļu un lietotņu izstrādātāji, kuri 0-255 kanālu vērtības ievada dzinējos un SDK, kas nesaprot hex virknes.

Pārveidotājs pieņem visas CSS hex formas: 6 ciparu #ff5733, 3 ciparu saīsināto formu #f53, kā arī 4 un 8 ciparu formas ar alfa kanālu, ar # vai bez tā. Tas parāda rgb() vai rgba() virkni, tīrās kanālu vērtības un sadalījumu pa kanāliem - kā arī pretējo RGB uz HEX rindu, ja vajag mainīt virzienu. Viss notiek jūsu pārlūkprogrammā - bez augšupielādes, bez konta, bez ierobežojumiem.

Biežāk uzdotie jautājumi

Vai šis HEX uz RGB pārveidotājs ir bezmaksas?

Jā - tas ir pilnībā bezmaksas, bez reģistrācijas un bez ierobežojumiem. Tas darbojas pilnībā jūsu pārlūkprogrammā.

Vai manas krāsas tiek kaut kur nosūtītas?

Nē. Pārveidošana ir vienkāršs JavaScript kods, kas darbojas jūsu ierīcē - nekas netiek sūtīts uz serveri, un rīks turpina darboties bezsaistē pēc lapas ielādes.

Kāda ir formula HEX pārveidošanai uz RGB?

Sadaliet hex kodu trīs pāros un katru pāri pārveidojiet no 16. skaitīšanas sistēmas decimālā: pirmo ciparu reiziniet ar 16 un pieskaitiet otro (a=10 ... f=15). Piemērā #ff5733: ff = 15x16+15 = 255, 57 = 5x16+7 = 87, 33 = 3x16+3 = 51.

Vai atbalsta saīsināto 3 ciparu formu, piemēram, #f53?

Jā. CSS saīsinātajā pierakstā katrs cipars tiek dublēts, tāpēc #f53 izvēršas par #ff5533 un pārveidojas par rgb(255, 85, 51). 4 ciparu forma darbojas tāpat, ar pēdējo ciparu kā alfa vērtību.

Kā tas pārveido HEX uz RGBA?

8 ciparu hex kods alfa vērtību glabā pēdējā pārī. Šis baits (0-255) tiek dalīts ar 255, lai iegūtu 0-1 alfa vērtību, ko prasa rgba(), noapaļojot līdz trim decimālzīmēm - tā #ff573380 kļūst par rgba(255, 87, 51, 0.502).

Vai tas var pārveidot RGB atpakaļ uz HEX?

Jā. Izmantojiet RGB uz HEX rindu zem rezultāta: ievadiet sarkanās, zaļās un zilās krāsas vērtības no 0 līdz 255, un uzreiz saņemsiet hex kodu. Vērtības ārpus diapazona tiek ierobežotas līdz 0-255.

Kāpēc man vajag rgb() nevis hex kodu?

Galvenokārt caurspīdīguma un aprēķinu dēļ: rgba(255, 87, 51, 0.5) padara krāsu caurspīdīgu, un daudzi API, spēļu dzinēji un dizaina specifikācijas prasa atsevišķus 0-255 kanālu skaitļus, nevis hex virkni.