Ga naar inhoud
CrateX.app-logo

CrateX.app

Kleurconverter

Converteer lokaal één kleur tussen 6-cijferige HEX (#RRGGBB), RGB, HSL en CMYK met een kleurkiezer, willekeurige kleur, livevoorbeeld, kanaalbediening, kopieerbare CSS-waarden voor HEX/RGB/HSL en een CMYK-referentienotatie.

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

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
Voorbeeld: op een computer staat rechts een livevoorbeeld; op mobiele apparaten wordt een lichtere modus zonder voorbeeld gebruikt.
Kleurkiezer: gebruik de kleurkiezer in de HEX-kaart.
Beleid voor HEX-hoofdletters: de uitvoer wordt naar hoofdletters genormaliseerd (bijv. #1E90FF); de invoer is hoofdletterongevoelig en er is geen schakelaar voor lettergrootte.
Fijnafstemming: sleep kanaalletters naar links/rechts (Shift×10, Alt÷0,1).
Kopieeruitvoer: de kopieerknop geeft gestandaardiseerde CSS-waarden voor HEX, RGB en HSL (HEX in hoofdletters), of de CMYK-referentienotatie cmyk(...)

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 kan in de lopende browsersessie blijven staan. Als je een werkruimte opslaat of WebDAV inschakelt, kan de huidige kleur als onderdeel van die werkruimte worden opgeslagen of gesynchroniseerd. Afgeleide uitvoer, de geschiedenis voor ongedaan maken en tijdelijke fouten worden niet als afzonderlijke gegevens opgeslagen of gesynchroniseerd, en het hulpmiddel bewaart geen lijst met recente kleuren. Deze pagina leest geen afbeeldingen, bemonstert het scherm niet, haalt geen URL’s op en verzendt geen kleuren voor omzetting op een server. Wis op gedeelde apparaten zo nodig de kleur en sitegegevens.

Veelgestelde vragen

5

Ga verder met deze gerelateerde tools voor de volgende stap.

Over

Over ons
Prijzen

Juridisch

Servicevoorwaarden
Privacybeleid
Cookiebeleid

Voorkeuren

Cookies beheren

Alle verwerking van tools vindt lokaal plaats in je browser.