RGB naar HEX
Zet RGB-kanalen en optionele alpha om in een hexadecimale CSS-kleur.
Een uitgewerkt voorbeeld proberen
Een uitgewerkt voorbeeld proberen
RGB naar HEX
Controleer de eenheden en opties en gebruik vervolgens de berekenknop. Het voorbeeld is fictief; vervang de waarden voor uw eigen berekening.
Voorbeeldinvoer
- Rood (0–255)
- 52
- Groen (0–255)
- 152
- Blauw (0–255)
- 219
- Alpha (optioneel, 0–1)
Verwachte uitvoer
RGB: 52, 152, 219 CSS-kleur: rgb(52, 152, 219) HEX: #3498DB
Combineert drie gehele kanalen van 0 tot 255 tot zes HEX-cijfers. Alpha van 0 tot 1 voegt twee cijfers toe, afgerond op de dichtstbijzijnde stap van 1/255.
Het hulpmiddel wordt geladen. De uitleg blijft beschikbaar zonder JavaScript.
Methode en beperkingen
Vul rood, groen en blauw in. Laat alpha leeg voor een ondoorzichtige kleur of vul bijvoorbeeld 0.5 in. RGB 52, 152, 219 met alpha 0.5 geeft #3498DB80.
Kanalen moeten geheel zijn; alpha wordt op acht bits gekwantiseerd en de decimale weergave kan van de invoer afwijken. Kleurprofielen en andere kleurruimten worden niet omgerekend.
Deel deze tool
Alleen de openbare link naar de tool wordt gedeeld. Je invoer en resultaten blijven hier.
Toon de link om handmatig te kopiëren
In het kort
Combineert drie gehele kanalen van 0 tot 255 tot zes HEX-cijfers. Alpha van 0 tot 1 voegt twee cijfers toe, afgerond op de dichtstbijzijnde stap van 1/255.
Deze tool verwerkt je invoer in je browser. De berekeningen versturen je invoer en resultaten niet. De website zelf maakt netwerkverzoeken; bezoekgegevens gaan alleen met je toestemming naar Google Analytics.
Veelgestelde vragen
Hoe stel ik transparantie in?
Laat Alpha leeg voor ondoorzichtige uitvoer of voer 0 (volledig transparant) tot 1 (volledig ondoorzichtig) in. De waarde wordt op een van 256 alpha-stappen afgerond om in HEX te passen.
Hoe ziet het HEX-resultaat eruit?
Zonder alpha is het #RRGGBB. Met alpha is het #RRGGBBAA, waarbij de laatste byte transparantie opslaat.
Wanneer verandert het resultaat?
Klik na het aanpassen van de invoer opnieuw op de uitvoerknop. Kopiëren gebruikt het laatst getoonde resultaat; een andere optie kiezen kan dat wissen. De verwerking gebeurt in je browser.
Bronnen en verwijzingen
Deze bronnen documenteren de genoemde standaard of browser-API; ze bevestigen niet de juistheid van de uitvoer van het hulpmiddel.