Daily Toolkits

HEX ↔ RGB ↔ HSL-converter

Converteer kleuren direct tussen HEX, RGB en HSL met een live staal. Bewerk elk veld: de andere blijven gesynchroniseerd.

HEX ↔ RGB ↔ HSL Converter

Live

#C026D3

CSS output

/* HEX */ #c026d3
/* RGB */ rgb(192, 38, 211)
/* HSL */ hsl(292, 70%, 49%)

Key capabilities

  • Converteer kleuren direct tussen HEX, RGB en HSL met een live staal.
  • Draait in uw browser
  • Gratis te gebruiken

Hoe te gebruiken

  1. Voer een HEX-, RGB- of HSL-waarde in.
  2. Zie hoe de andere formaten automatisch worden bijgewerkt.
  3. Kopieer het formaat dat u nodig heeft.

How this tool works

  1. Voer een HEX-, RGB- of HSL-waarde in.
  2. Zie hoe de andere formaten automatisch worden bijgewerkt.
  3. Kopieer het formaat dat u nodig heeft.

Recommended settings

  • Gebruik eerst de standaardopties en pas deze indien nodig aan

Supported formats

Text / on-page input

File size and limits

  • Zeer complexe voorvertoningen met meerdere lagen kunnen op oudere telefoons langzamer aanvoelen.

Privacy

Kleur- en CSS-generatoren draaien volledig in uw browser. Previews en conversies uploaden nooit uw stijlen.

Common use cases

  • Gebruik HEX ↔ RGB ↔ HSL Converter wanneer u maar wilt: Converteer kleuren direct tussen HEX, RGB en HSL met een live staal.

Troubleshooting

Het voorbeeld ziet er anders uit na het plakken

Controleer of er concurrerende CSS op uw pagina aanwezig is (resets, overgenomen kleuren). Kopieer de gegenereerde regel eerst naar een geïsoleerd stylesheet.

FAQ

Uploadt dit mijn CSS?

Nee. Generatoren en converters worden in uw browser uitgevoerd met live preview.

Heb ik een account nodig?

Nee. Open de tool, pas de besturingselementen aan en kopieer de CSS.

Gerelateerde tools

Color Contrast Checker

Check foreground/background contrast against WCAG AA and AAA guidelines.

Open tool

CSS Gradient Generator

Build linear, radial, and conic gradients with live preview and copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool