Kleurconverter

Wat is Kleurconverter?

Color Converter is een gratis online kleurconverter van HEX naar RGB naar HSL voor ontwikkelaars en ontwerpers. Typ een kleur in een willekeurige notatie — HEX (#rrggbb of de verkorte vorm #rgb), RGB (zoals "255, 100, 0" of "rgb(255 100 0)") of HSL (zoals "220, 91%, 64%") — en elk ander formaat wordt direct bijgewerkt naast een groot live voorbeeldstaal. Met een native kleurkiezer kies je een tint visueel, en elke waarde heeft een kopieerknop met één klik, zodat het handig is wanneer je merkkleuren wilt afstemmen of CSS-kleurwaarden wilt omzetten tussen code en ontwerptools.

Kleurconverter gebruiken

1. Typ of plak een kleur in het HEX-, RGB- of HSL-veld, of klik op het staal van de kleurkiezer om een tint visueel te kiezen.
2. Zie hoe de andere twee velden en het grote voorbeeldstaal direct worden bijgewerkt om dezelfde kleur weer te geven.
3. Lees de R / G / B-, H / S / L- en HEX-overzichtstegels hieronder voor de geconverteerde kanaalwaarden.
4. Klik op de kopieerknop naast een veld om de waarde te kopiëren: HEX kopieert de tekenreeks #rrggbb, terwijl RGB en HSL kant-en-klare rgb(...)- en hsl(...)-tekenreeksen kopiëren.
5. Als een waarde wordt geweigerd, controleer dan de inline-fout en voer deze opnieuw in volgens het formaat dat de veldhint aangeeft.

Voorbeelden

#ff6400

RGB 255, 100, 0 / HSL 24, 100%, 50%

#fff

HEX #ffffff / RGB 255, 255, 255 / HSL 0, 0%, 100%

Veelgestelde vragen

Welke kleurformaten ondersteunt deze converter?

Hij converteert tussen drie formaten: HEX (volledig #rrggbb en de verkorte vorm #rgb), RGB (0-255 per kanaal) en HSL (tint in graden, verzadiging en helderheid in procenten). Hij ondersteunt momenteel geen alpha/transparantie, HSV, CMYK of CSS-kleurnamen.

Waarom toont mijn kleur een fout "Invalid HEX color", "Invalid RGB color" of "Invalid HSL color"?

De waarde komt niet overeen met het verwachte formaat of valt buiten het bereik. HEX moet uit 3 of 6 hexadecimale cijfers bestaan, RGB-kanalen moeten tussen 0-255 liggen, en de verzadiging en helderheid van HSL moeten tussen 0-100% liggen. Voer deze opnieuw in volgens de hint onder dat veld.

Kan ik een volledige CSS-waarde zoals rgb(255 100 0) plakken?

Ja. De RGB- en HSL-velden halen alleen de getallen uit de tekst, dus zowel "255, 100, 0" als "rgb(255 100 0)" werken, en de kopieerknoppen leveren kant-en-klare rgb(...)- en hsl(...)-tekenreeksen op.

Worden de geconverteerde waarden afgerond?

Ja. RGB-kanalen en HSL-waarden worden afgerond op hele getallen, dus een heen-en-weerconversie kan één eenheid afwijken van het origineel. De HEX-uitvoer heeft altijd twee cijfers per kanaal (#rrggbb).

Worden mijn kleurgegevens ergens geüpload?

Nee. De volledige conversie wordt lokaal in je browser uitgevoerd met JavaScript — er wordt niets naar een server verzonden en er worden geen kleurwaarden geüpload, dus het werkt privé en zelfs offline zodra de pagina is geladen.