RGB jout dy trije desimale kanalen tusken 0 en 255. Konvertearjen nei HEX feroaret elk kanaal yn in twa-sifers hexadesimaal nûmer, sadat de hiele kleur yn ien kompakt teken past dat elke blêder, ûntwerp-tool en stylgids begripe.
Hoe konversje fan RGB nei HEX wurket
- Nim it reade kanaal en dield it troch 16: de quotiënt is it earste sifers, de rest it twadde.
- Skriuw de sifers 10 oant 15 as de letters A oant F — 255 wurdt FF.
- Werhelje foar grien en blau, en foegje in foargeande nul ta by ien-sifers: 5 wurdt 05.
- Fergezelje de trije pearen en set in # derfoar.
Wurkend foarbyld
Presys, salang’t de kanaalswearden heule getallen binne fan 0 oant 255. Brekke wearden lykas rgb(79.5, 70, 229) wurde earst ôf rûn nei it tichteby lizzende heule getal, om’t HEX neat tuskenyn kin opslaan.
RGB en HEX útlis
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()
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
RGB nei HEX referinsjetabel
De meast foarkommende CSS-kleuren, konvertearre fan RGB nei HEX.
| Kleur | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |