Which input formats are auto-detected?

HEX (e.g. #FF5733 or FF5733), RGB (e.g. rgb(255, 87, 51)), and HSL (e.g. hsl(11, 100%, 60%)) are auto-detected from the input.

Which output color spaces are produced?

HEX, RGB, HSL, HSV, and CMYK values are all returned for every valid input, one per line.

What is the difference between HSL and HSV?

Both use hue, saturation, and a lightness/value component. HSL's Lightness goes 0=black to 100=white regardless of saturation. HSV's Value goes 0=black to 100=the pure hue. HSV matches how humans perceive color; HSL is more intuitive for tint/shade.

CMYK is the subtractive color model used in printing. If you are preparing a design for print, convert your screen color to CMYK to preview how it will appear on paper.

Are 3-digit HEX codes supported?

Yes. #F00 is expanded to #FF0000, #abc to #aabbcc, following the CSS shorthand convention.

What happens with invalid input?

The tool reports an error and does not produce partial output. Check that your HEX has 3 or 6 hex digits, or that RGB/HSL values are within their valid ranges.

Farb-Konverter

Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Kostenlos, privat und 100% clientseitig.

Eingabe

Beispiel ausprobieren:

Ausgabe

Local only

Letzte Verlauf

Noch kein Verlauf

Verwendung

Enter a color in HEX, RGB, or HSL format.
Read the converted values across all color spaces.
Copy the desired format.

Aufgaben mit diesem Tool

Prüfen color contrast for WCAG accessibility compliance

Measure der contrast ratio zwischen foreground und background colors und verifizieren it meets WCAG AA oder AAA thresholds.

AUFGABE

Konvertieren colors between hex, RGB, HSL, and named formats

Translate ein color Wert zwischen hex (#ff5733), rgb(), hsl(), und CSS named colors für verwenden in unterschiedlich contexts.

AUFGABE

Konvertieren CSS to Sass/SCSS

Sass extends CSS mit variables, nesting, mixins, und Funktionen. Konvertieren plain CSS in SCSS in starten mit these Funktionen incrementally.

AUFGABE

Erzeugen a color palette from a base color

Derive complementary, analogous, triadic, und shade/tint variants von ein single base color für design Systeme.

AUFGABE

Konvertieren RGB colors to HEX (and back)

Translate color Werte zwischen rgb() und #rrggbb notation, mit alpha-channel handling für CSS funktionieren.

AUFGABE

Pipelines mit diesem Tool

Hex-Farbe zu RGB und Kontrastprüfung

PIPELINE

Häufige Fragen

Which input formats are auto-detected?: HEX (e.g. #FF5733 or FF5733), RGB (e.g. rgb(255, 87, 51)), and HSL (e.g. hsl(11, 100%, 60%)) are auto-detected from the input.
Which output color spaces are produced?: HEX, RGB, HSL, HSV, and CMYK values are all returned for every valid input, one per line.
What is the difference between HSL and HSV?: Both use hue, saturation, and a lightness/value component. HSL's Lightness goes 0=black to 100=white regardless of saturation. HSV's Value goes 0=black to 100=the pure hue. HSV matches how humans perceive color; HSL is more intuitive for tint/shade.
When is CMYK useful?: CMYK is the subtractive color model used in printing. If you are preparing a design for print, convert your screen color to CMYK to preview how it will appear on paper.
Are 3-digit HEX codes supported?: Yes. #F00 is expanded to #FF0000, #abc to #aabbcc, following the CSS shorthand convention.
Was passiert bei ungültiger Eingabe?: The tool reports an error and does not produce partial output. Check that your HEX has 3 or 6 hex digits, or that RGB/HSL values are within their valid ranges.

Letzte Verlauf

Verwendung

Aufgaben mit diesem Tool

Pipelines mit diesem Tool

Häufige Fragen

Verwandte Tools