Kodiċi HEX jippakkja tliet numri ta' 8-bit f'sitt ċifri esadesimali. Li tikkonverti HEX għal RGB ifisser tinqasam dawk iċ-ċifri f'parijiet u taqra kull par bħala numru deċimali bejn 0 u 255 — eżattament il-valuri li CSS, Figma u editors ta' immaġni jistennew.
Kif taħdem il-konverżjoni HEX għal RGB
- Neħħi l-# quddiem u, jekk il-kodiċi għandu biss tliet ċifri, doppja kull waħda: #f53 isir #ff5533.
- Aqsam is-sitt ċifri f'tliet parijiet — RR, GG u BB.
- Aqra kull par bħala numru bażi-16 u kkonvertih bażi 10: FF isir 255, 57 isir 87, 33 isir 51.
- Ikteb it-tliet riżultati bħala rgb(R, G, B).
Eżempju mwettaq
Din il-konverżjoni hija eżatta. HEX u RGB jiddeskrivu l-istess valuri sRGB f'notazzjonijiet differenti, għalhekk xejn m'jiġi rrundjat jew mitluf f'xi direzzjoni.
HEX u RGB spjegati
X'inhu HEX?
Kodiċi HEX huwa numru esadesimali ta' sitt ċifri li jżomm il-kanal aħmar, aħdar u blu ta' kulur wara # quddiem. Kull par ta' ċifri jkopri kanal wieħed, minn 00 (ebda) sa FF (sħiħ), li jipprovdi l-istess 16.7 miljun kulur bħar-RGB fi notazzjoni ħafna aktar korta. HEX huwa l-default f'CSS, għodod ta' disinn u linji gwida tal-marka.
- Sintassi:
- #RRGGBB
- Firxa:
- 00–FF kull kanal
- L-aħjar għal:
- CSS, handoff tad-disinn, linji gwida tal-marka
X'inhu RGB?
RGB jiddeskrivi kulur bħala tliet kanali tad-dawl — aħmar, aħdar u blu — kull wieħed minn 0 sa 255. Jipproġetta kif l-iskrins jaħdmu: l-ismija kollha f'255 jagħtu l-abjad, kollha f'0 jagħtu l-iswed. RGB huwa għażla tajba meta għandek bżonn tagħmel kalkoli fuq kulur, u rgba() iżid trasparenza fuq dan.
- Sintassi:
- rgb(R, G, B)
- Firxa:
- 0–255 kull kanal
- L-aħjar għal:
- kodiċi, canvas, trasparenza bi rgba()
HEX to RGB reference table
L-aktar kuluri CSS komuni, konvertiti minn HEX għal RGB.
| Kulur | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |