Ga naar inhoud
CrateX.app-logo

CrateX.app

Kleurconverter

Kleurconverter

Kleurconverter: Ondersteunt conversie van kleurformaten tussen HEX, RGB, HSL en CMYK, met real-time voorbeeld en kleurkiezer. Automatische gesynchroniseerde conversie, geschikt voor design handoff, CSS-styling en unificatie van stijlgidsen.

HEX

#

RGB

HSL

CMYK
Kleurconverter

Snelstart

1
Kiezen of invoeren: voer een ondersteund formaat in (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) of gebruik de color picker.
2
Automatische conversie: bij invoer in één formaat worden alle andere formaten direct bijgewerkt.
3
Kopiëren: gebruik de kopieerknop naast elk formaat om een genormaliseerde string te krijgen.

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

schermkleur naar CMYK omzetten als eerste inschatting (proeven blijven noodzakelijk).

Toegankelijkheid

de preview gebruiken om snel een gevoel voor contrast te krijgen (voor exacte ratio's een gespecialiseerde tool gebruiken).

Aanvullend scenario

kleurkiezer, kleurcode converter en hsl converter passen in dezelfde controleflow, zodat u het resultaat sneller kunt nalopen vóór kopiëren of exporteren.

Conversieparameters & weergave

Invoerregels: HEX ondersteunt alleen 6 cijfers (geen 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 benaderend: de waarden zijn slechts een indicatie; serieuze drukwerktrajecten vereisen ICC-profielen en proefdruk.
Geen alpha: transparantie wordt niet verwerkt door deze tool.

Privacy en veiligheid

Alle verwerking gebeurt lokaal in de browser. Je kunt de huidige inhoud op elk moment vervangen, wissen en opnieuw verwerken.

Veelgestelde vragen

5

Ga verder met deze gerelateerde tools voor de volgende stap.