HEX naar RGBA converter
Zet een HEX-code om naar een rgba()-waarde die je halfdoorzichtig kunt maken door het alfagetal te wijzigen.
hex-invoer
Resultaat · RGBA
rgba(255, 61, 114, 1)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Zo werkt het: HEX naar RGBA
- 1
Voer een kleur in
Typ een kleurcode of kies een kleur met de kleurkiezer — elk veld accepteert het formaat dat erbij staat.
- 2
Bekijk de conversie
Het resultaat wordt direct bijgewerkt terwijl je typt, samen met een live voorbeeld van de kleur.
- 3
Kopieer de code
Kopieer de gewenste waarde met één klik en plak hem in je ontwerp, CSS of afdrukinstellingen.
Over HEX en RGBA
RGBA is RGB met een vierde onderdeel, alfa, dat de dekking bepaalt van 0 (volledig transparant) tot 1 (volledig dekkend). Een standaard HEX-code van zes tekens zoals #6A5ACD bevat geen transparantie, dus de converter geeft hem terug als rgba(106, 90, 205, 1) — dezelfde kleur met volledige dekking.
Wil je hem doorzichtig maken, wijzig dan het laatste getal: rgba(106, 90, 205, 0.5) is half transparant, en 0.15 geeft een zachte tint. Zo maak je gewoonlijk overlays op foto’s, subtiele schaduwen, hovermarkeringen en doorschijnende achtergronden zonder een aparte lichtere kleur te definiëren. Anders dan de eigenschap opacity werkt alfa in rgba() alleen op die ene kleur, dus tekst in een halfdoorzichtig vak blijft scherp.
Moderne CSS accepteert ook HEX-codes van acht tekens met alfa, zoals #6A5ACD80, maar rgba() is makkelijker te lezen en te bewerken en werkt ook in oudere browsers en mailprogramma’s.
Alles draait lokaal in je browser — je afbeeldingen worden nooit naar een server geüpload.