Ga naar inhoud
WK-aftraptijdconverter is liveBekijk aftraptijden in jouw tijdzone en voeg agenda-herinneringen toe.
CrateX.app-logo

CrateX.app

Kleurconverter

Converteer één kleur lokaal tussen 6-cijferige HEX, RGB, HSL en CMYK met een kleurkiezer, willekeurige kleur, live preview, kanaalbediening en kopieerklare CSS-reeksen.

HEX

#

RGB

HSL

CMYK
Kleurconverter

Snelstart

1
Voer 6-cijferige HEX of RGB/HSL/CMYK-kanalen in
2
Gebruik de kiezer of een willekeurige kleur en controleer gesynchroniseerde waarden
3
Kopieer de HEX-, RGB-, HSL- of CMYK-CSS-string

Veelvoorkomende scenario's

Design‑handover

HEX-waarden uit ontwerptools omzetten naar CSS‑RGB/HSL voor ontwikkeling.

Stijlgids

kleurformaten en notatiestijl in een componentbibliotheek uniformeren.

Printreferentie

converteer de schermkleur naar CMYK als eerste schatting en bevestig vervolgens met proefdrukken en de printworkflow

Toegankelijkheid

gebruik preview alleen voor een snelle visuele controle; gebruik een speciaal contrasthulpmiddel voor exacte verhoudingen

Conversieparameters & weergave

Invoerregels: HEX ondersteunt slechts 6 cijfers (#RRGGBB, geen #RGB, #RGBA, #RRGGBBAA of alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Invoer is hoofdletterongevoelig
Preview: op desktop is er een live preview aan de rechterkant; op mobiel wordt een lichtere modus zonder preview gebruikt.
Color picker: klik op het paleticoon rechtsboven in elke kaart om de color picker te openen.
HEX-hoofdletterbeleid: uitvoer wordt genormaliseerd naar hoofdletters (bijv. #1E90FF); invoer is hoofdletterongevoelig; er is geen aparte case‑schakelaar.
Fijnafstemming: sleep kanaalletters naar links/rechts (Shift×10, Alt÷0,1).
Kopieerbeleid: de kopieerknop geeft genormaliseerde strings (HEX in hoofdletters).

Gebruiksadvies

Precisie: kleurbeheer verschilt per apparaat; pipetwaarden kunnen per app iets variëren.
Alpha: huidige formaten omvatten geen alpha; gebruik rgba()/hsla() of beheer alpha afzonderlijk.
Kleurruimte: het web gebruikt standaard sRGB; bij P3/Display‑P3-workflows altijd verifiëren op het doelsysteem.
Teamconsistentie: spreek één voorkeursformaat in CSS af (bijv. overal HSL gebruiken).

Beperkingen & compatibiliteit

Apparaatverschillen: monitoren/browsers/OS gaan verschillend om met kleurbeheer; de visuele indruk kan afwijken.
CMYK is een benadering: waarden zijn afhankelijk van ICC-profielen, papier, inkt, apparaten en proefdrukken; gebruik dit als referentie, niet als afdrukklare waarde
Geen alpha: deze tool verwerkt geen transparantiewaarden, rgba(), hsla(), #RGBA of #RRGGBBAA.
CSS kleurensubset: benoemde kleuren, transparant, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), relatieve kleuren, color-mix() en contrast-color() vallen buiten deze tool
Geen afbeeldings- of palethulpmiddelen: deze pagina doet geen beeldbemonstering, schermpipet, paletgeneratie, gradiëntgeneratie, controles van contrastverhoudingen, CSS-variabele-export of ontwerptoken-export

Privacy & veiligheid

De verwerking gebeurt in de browser. De huidige kleur, kanaalwaarden, uitvoerinstellingen, decimale precisie, voorkeur voor hoofdletter-HEX, voorbeeldvoorkeur en lijst met recente kleuren kunnen in de huidige browsersessie of browseropslag blijven staan. Als je een werkruimte opslaat of WebDAV-synchronisatie inschakelt, kunnen de huidige kleur en instellingen volgens je synchronisatie-instellingen worden opgeslagen; recente kleuren worden niet via WebDAV gesynchroniseerd. HEX-, RGB-, HSL- en CMYK-tekenreeksen worden opnieuw berekend uit de huidige kleur en instellingen en niet als afzonderlijke resultaten opgeslagen. Deze pagina leest geen afbeeldingen, bemonstert je scherm niet, haalt geen URL's op en verzendt geen kleuren voor serverconversie. Wis op gedeelde apparaten indien nodig kleuren, instellingen en sitegegevens.

Veelgestelde vragen

5

Ga verder met deze gerelateerde tools voor de volgende stap.

Bronnen

Gidsen

Over

Over ons
Prijzen

Juridisch

Servicevoorwaarden
Privacybeleid
Cookiebeleid

Voorkeuren

Cookies beheren

Alle verwerking van tools vindt lokaal plaats in je browser.