Is de kleurenomzetter gratis?

Ja, volledig gratis en zonder account.

Zijn mijn gegevens veilig?

Alle omzetting gebeurt in je browser met JavaScript-berekeningen. Er wordt niets naar een server gestuurd.

Wat is het HEX-kleurformaat?

HEX-kleuren zijn zescijferige hexadecimale codes met een # ervoor, zoals #2E75B6. Elk cijferpaar staat voor de waarde van het rode, groene en blauwe kanaal, van 00 (0) tot FF (255). Het is het meest gebruikte formaat in webontwikkeling en CSS.

Wat is het verschil tussen RGB en HSL?

RGB (rood, groen, blauw) definieert een kleur via de intensiteit van drie primaire kanalen. HSL (tint, verzadiging, helderheid) is intuïtiever: de tint kiest de kleur (0–360°), de verzadiging regelt de intensiteit en de helderheid de lichtheid.

Kan ik met de kleurkiezer elke kleur kiezen?

Ja. Klik op het kleurvlak om de ingebouwde kleurkiezer van de browser te openen en een willekeurige kleur te kiezen. De HEX-, RGB- en HSL-waarden worden automatisch bijgewerkt.

Zijn de HSL-waarden exact?

HSL-waarden worden afgerond op het dichtstbijzijnde gehele getal, waardoor bij terugrekenen naar RGB een kleine afwijking kan ontstaan. Gebruik voor precisiewerk HEX of RGB als leidend formaat.

Dev Tools

Kleuren omzetten: HEX, RGB, HSL gratis online

Zet kleuren direct om tussen HEX, RGB en HSL in je browser. Gratis en zonder account.

Bestanden worden nooit opgeslagenDirectGeen account nodig

Kleurkiezer

HEX

RGB

HSL

Zo zet je kleuren online om

1
Voer een kleur in of kies er een
Klik op het kleurvlak om de visuele kleurkiezer te gebruiken, of typ een HEX- (bijv. #2E75B6), RGB- (bijv. 46, 117, 182) of HSL-waarde (bijv. 211, 60%, 45%) in het bijbehorende veld.
2
Zie meteen alle drie de formaten
De velden HEX, RGB en HSL worden direct bijgewerkt terwijl je typt of een kleur kiest.
3
Kopieer de waarde
Klik op Kopiëren naast een veld om die kleurwaarde naar het klembord te kopiëren.

Webkleuren kunnen afhankelijk van de context in verschillende formaten worden uitgedrukt. CSS ondersteunt HEX, RGB, RGBA, HSL en HSLA; ontwerptools zoals Figma en Sketch gebruiken in hun kleurkiezers meestal HSL en exporteren HEX voor de overdracht.

HEX is het meest compacte formaat en wordt overal ondersteund in CSS, HTML en ontwerpsoftware. De verkorte notatie met 3 cijfers (#abc) wordt uitgebreid naar 6 cijfers (#aabbcc). RGB (rood, groen, blauw) geeft elk kanaal aan van 0 tot 255 en komt overeen met hoe schermen licht uitstralen.

HSL (tint, verzadiging, helderheid) is het meest intuïtieve formaat: de tint is een hoek op het kleurenwiel (0° = rood, 120° = groen, 240° = blauw), de verzadiging bepaalt hoe levendig de kleur is (0% = grijs) en de helderheid hoe licht hij is (0% = zwart, 100% = wit). Door alleen de helderheid te variëren krijg je natuurlijke tintenpaletten.

Veelgestelde vragen

Misschien heb je ook dit nodig

Hash-generator JSON-formatter Getalstelsel-omzetter