HEX to RGBA

Over deze tool

De HEX naar RGBA-converter zet hexadecimale kleurcodes om naar RGBA-formaat met optionele opacity-controle. Webontwikkelaars gebruiken deze tool bij het toevoegen van transparantie aan kleuren in CSS, zoals voor overlays, schaduwen en semi-transparante achtergronden.

Voer eenvoudig een hexadecimale kleurcode in (3, 6 of 8 tekens) en de tool geeft direct de overeenkomstige rgba()-waarde. Je kunt ook de alfa (opacity)-waarde aanpassen van 0 tot 1.

Hoe te gebruiken

1. Voer een hexadecimale kleurcode in (bijv. #ff5733 of #f53).
2. De RGBA-uitvoer wordt direct bijgewerkt.
3. Pas de alfa-schuifregelaar aan om de opacity in te stellen (0 = transparant, 1 = ondoorzichtig).
4. Kopieer de rgba()-waarde en plak deze in je CSS.
5. Gebruik de 8-cijferige hex (#RRGGBBAA) voor directe alfa-codering.

Gebruiksscenario's

Handig voor CSS-overlays, box-shadow-kleuren, semi-transparante UI-elementen en elke keer dat je opacity moet toevoegen aan een specifieke hexkleur.

Veelgestelde vragen

• Wat is RGBA? — RGBA is een CSS-kleurformaat: Red, Green, Blue en Alpha (opacity). Het alfakanaal loopt van 0 (volledig transparant) tot 1 (volledig ondoorzichtig).
• Kan ik een 3-cijferige hex converteren? — Ja. #abc wordt automatisch uitgebreid naar #aabbcc voordat het wordt geconverteerd.
• Wat betekent de 8-cijferige hex? — Een 8-cijferige hex zoals #FF5733AA bevat een alfakanaal in de laatste twee cijfers, wat ook direct wordt omgezet naar RGBA.
• Kan ik een CSS-kleurnaam plakken? — Nee, alleen hexadecimale codes worden ondersteund. Gebruik een kleurkiezer om een benoemde kleur eerst naar hex om te zetten.