RGB naar HEX converter
Zet RGB-waarden om naar een hex-kleurcode.
Draait in je browser. Niets van wat je typt wordt ergens naartoe gestuurd.
- Plak rgb() of rgba()
- 8-cijferige hex met alpha
- Werkt bij terwijl je typt
Zo converteer je RGB naar HEX
- Plak een rgb()- of rgba()-waarde, of typ elk kanaal apart.
- Zet alpha onder 1 om ook een 8-cijferige hexcode te krijgen.
- Kopieer de hexcode.
Voorbeelden van RGB naar hex
| RGB | Hex | Opmerking |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Standaardomzetting |
| rgb(0, 0, 0) | #000000 | Zwart |
| rgba(255, 136, 0, 0.5) | #FF880080 | Alpha voegt 2 cijfers toe |
| 255, 136, 0 | #FF8800 | Gewone getallen werken ook |
Hoe alpha hex-cijfers wordt
Vermenigvuldig alpha met 255, rond af naar het dichtstbijzijnde gehele getal, en schrijf het dan als twee hex-cijfers aan het einde van de code.
| Alpha | Hex-achtervoegsel |
|---|---|
| 1 (dekkend) | niet nodig |
| 0,75 | BF |
| 0,5 | 80 |
| 0,25 | 40 |
| 0 (onzichtbaar) | 00 |
Waar 8-cijferige hex werkt
- CSS accepteert #RRGGBBAA in elke actuele browser: Chrome, Firefox, Safari en Edge.
- SVG fill- en stroke-attributen accepteren ook 8-cijferige hex in moderne browsers.
- Sommige oudere beeldbewerkers en ontwerptools lezen alleen 6-cijferige hex en laten het alphapaar vallen of weigeren het, bewaar dus een dekkende 6-cijferige kopie voor die gevallen.
Veelgestelde vragen over RGB naar HEX
Hoe converteer ik RGB naar HEX met de hand?
Schrijf elk kanaal als een tweecijferig getal in grondtal 16 en voeg ze samen. rgb(255, 136, 0) wordt FF, 88 en 00, dus #FF8800.
Hoe wordt dekking in hex geschreven?
Vermenigvuldig de alpha met 255, rond af en schrijf het als twee hex-cijfers aan het einde. Een alpha van 0,5 wordt 80, dus rgba(255, 136, 0, 0.5) is #FF880080.
Welke formaten kan ik plakken?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), de nieuwere rgb(255 136 0 / 50%) en gewone getallen zoals 255, 136, 0. Een hexcode werkt ook.
Is #ff8800 anders dan #FF8800?
Nee, hoofdlettergebruik maakt niet uit bij hexkleuren. Vink Hoofdletters aan als je stijlgids kapitalen prefereert.
Kan ik een kleurnaam typen zoals orange in plaats van getallen?
Nee. Deze converter leest alleen numerieke rgb()-, rgba()- en hexwaarden, aangezien het matchen van de 148 benoemde kleuren van CSS een eigen opzoektabel zou vergen.
Waarom veranderde mijn hexcode een beetje nadat ik een percentage typte?
Percentagekanalen zoals rgb(94% 53% 0%) worden omgezet naar de dichtstbijzijnde van 256 stappen per kanaal, dus afronding kan het resultaat in sommige kanalen met 1 verschuiven.
Rondt het alphakanaal in elke browser hetzelfde af?
Ja. De berekening hier, vermenigvuldigen met 255 en dan afronden naar een geheel getal, is standaard en geeft ongeacht de browser dezelfde 2 hex-cijfers, omdat deze pagina de omzetting zelf doet in plaats van te vertrouwen op een browser-API die kan verschillen.
Kan ik een kleur met een percentage-gebaseerde alpha converteren, zoals 50%?
Ja. rgba(255, 136, 0, 50%) en de nieuwere rgb(255 136 0 / 50%) werken allebei, naast de oudere decimale syntax van 0 tot 1 voor alpha.