HEX naar RGB
Zet CSS-HEX-kleuren met 3, 4, 6 of 8 cijfers om in RGB-kanalen en CSS-code.
Een uitgewerkt voorbeeld proberen
Een uitgewerkt voorbeeld proberen
HEX naar RGB
Controleer de eenheden en opties en gebruik vervolgens de berekenknop. Het voorbeeld is fictief; vervang de waarden voor uw eigen berekening.
Voorbeeldinvoer
- HEX-kleur
- #3498db
Verwachte uitvoer
CSS-kleur: rgb(52, 152, 219) RGB-kanalen: 52, 152, 219 Alpha: 1 (Ondoorzichtig)
Breidt de korte vorm uit en toont RGB-kanalen, alpha en een rgb()- of rgba()-functie voor CSS. Vier of acht cijfers bevatten alpha.
Het hulpmiddel wordt geladen. De uitleg blijft beschikbaar zonder JavaScript.
Methode en beperkingen
Voer een HEX-kleur met of zonder # in, bijvoorbeeld #3498db of #3498dbcc, en reken om. Controleer de CSS-waarde voordat je het rapport kopieert.
Kleurnamen en andere CSS-syntaxis worden niet geaccepteerd. Alpha wordt in één byte opgeslagen; de decimale vorm wordt op vier cijfers en het percentage op één afgerond. CSS-code behoudt de syntactisch vereiste decimale punt.
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
Breidt de korte vorm uit en toont RGB-kanalen, alpha en een rgb()- of rgba()-functie voor CSS. Vier of acht cijfers bevatten alpha.
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
Welke HEX-lengtes kunnen transparantie bevatten?
Bij vier cijfers is het laatste cijfer alpha; bij acht cijfers is het de laatste byte. Alpha komt in beide gevallen na rood, groen en blauw.
Kan ik het resultaat in CSS plakken?
Ja. Het resultaat bevat een rgb()- of rgba()-kleurwaarde naast de numerieke kanalen.
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.