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.

Convertidor de color

Convert colors between HEX, RGB, HSL, HSV, and CMYK color spaces. Auto-detects input format. Gratis, privado y 100% del lado del cliente.

Entrada

Probar un ejemplo:

Salida

Local only

Historial reciente

Sin historial aún

Uso

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

Tareas que usan esta herramienta

Verificar color contrast for WCAG accessibility compliance

Measure el contrast ratio entre foreground y background colors y verificar it meets WCAG AA o AAA thresholds.

TAREA

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

Translate un color valor entre hex (#ff5733), rgb(), hsl(), y CSS named colors para usar en diferente contexts.

TAREA

Convertir CSS to Sass/SCSS

Sass extends CSS con variables, nesting, mixins, y funciones. Convertir plain CSS a SCSS a iniciar usando these características incrementally.

TAREA

Generar a color palette from a base color

Derive complementary, analogous, triadic, y shade/tint variants de un single base color para design sistemas.

TAREA

Convertir RGB colors to HEX (and back)

Translate color valores entre rgb() y #rrggbb notation, con alpha-channel handling para CSS funcionar.

TAREA

Pipelines que usan esta herramienta

Color Hex a RGB y verificación de contraste

CANALIZACIÓN

Preguntas frecuentes

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.
¿Qué pasa con una entrada inválida?: 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.