In HEX-koade pakt trije 8-bit nûmers yn seis hexadesimale sifers. HEX nei RGB konvertearjen betsjut it opdieljen fan dy sifers yn pearen en it lêzen fan elke pear as in desimaalnûmer tusken 0 en 255 — krekt de wearden dy't CSS, Figma en ôfbyldbewurkingsprogramma's ferwachtsje.
Hoe konversje fan HEX nei RGB wurket
- Skop de foaropstelde # en as de koade mar trije sifers hat, dûbelje elk: #f53 wurdt #ff5533.
- Splitsje de seis sifers yn trije pearen — RR, GG en BB.
- Lês elk pear as in base-16 nûmer en konvertearje it nei base 10: FF wurdt 255, 57 wurdt 87, 33 wurdt 51.
- Skriuw de trije resultaten as rgb(R, G, B).
Wurkend foarbyld
Dizze konverzje is krekt. HEX en RGB beskriuwe deselde sRGB-wearden yn in oare notaasje, dus der wurdt neat ôfromme of ferlern yn gjin fan 'e rjochtingen.
HEX en RGB útlis
Wat is HEX?
In HEX-koade is in seis-sifers hexadesimale nûmer dy't de reade, griene en blau kanaal fan in kleur opslaat efter in foaropstelde #. Elke pear sifers dekke ien kanaal, fan 00 (gjin) oant FF (fol), wat deselde 16,7 miljoen kleuren jout as RGB yn in folle koartere notaasje. HEX is de standert yn CSS, ûntwerpools en merke-rigels.
- Syntaks:
- #RRGGBB
- Berik:
- 00–FF per kanaal
- Bêst foar:
- CSS, ûntwerp-oerdracht, merkregels
Wat is RGB?
RGB beskriuwt in kleur as trije ljochtkanalen — reade, griene en blauwe — elk fan 0 oant 255. It spiegelt hoe skermen eins wurkje: alle trije op 255 jouwe wyt, alle trije op 0 jouwe swart. RGB is de juste kar asst mei de nummers wurkje moat, en rgba() foeget transparânsje derboppe ta.
- Syntaks:
- rgb(R, G, B)
- Berik:
- 0–255 per kanaal
- Bêst foar:
- koade, canvas, transparânsje mei rgba()
HEX nei RGB referinsjetabel
De meast foarkommende CSS-kleuren, konvertearre fan HEX nei RGB.
| Kleur | 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) |