Convertidor de Colores

Convierte colores entre HEX, RGB, HSL, HSV y CMYK al instante. Pega cualquier valor de color y obtén todos los formatos en un clic.

Soporta: HEX, RGB, HSL, HSV, CMYK — detección automática

Valores convertidos

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSVhsv(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)
CSS--color: #3b82f6;

Color Palette

Base
Complementary
Analogous 1
Analogous 2
Triadic 1
Triadic 2
Split 1
Split 2

WCAG Contrast

White text3.68:1

AA AA+ AAA

Black text5.71:1

AA AA+ AAA

Cómo Convertir Colores Entre Formatos

Pega cualquier valor de color — HEX (#ff5733), RGB (rgb(255, 87, 51)) o HSL (hsl(11, 100%, 60%)) — y obtén al instante el equivalente en todos los demás formatos. La conversión ocurre completamente en tu navegador sin latencia.

Formatos de Color Explicados

HEX

El estándar web. Seis dígitos hexadecimales que representan Rojo, Verde y Azul. Usado en CSS, Figma, Sketch y la mayoría de herramientas de diseño.

RGB

Valores de Rojo, Verde y Azul de 0 a 255. El formato nativo de pantallas. Usado en CSS rgba(), Canvas API y manipulación programática del color.

HSL

Tono (0-360°), Saturación (0-100%), Luminosidad (0-100%). Más intuitivo para humanos — fácil de aclarar u oscurecer un color sin cambiar el tono base.

CMYK

Cian, Magenta, Amarillo, Negro (Key). El estándar para impresión. Los colores de pantalla (RGB) se ven diferentes en papel porque la mezcla de tintas es sustractiva.

Preguntas Frecuentes

¿Cuál es la diferencia entre HEX y RGB?

Representan la misma información con diferente notación. HEX es la codificación hexadecimal de los valores RGB. Por ejemplo, #FF5733 es idéntico a rgb(255, 87, 51) — solo una forma más compacta de escribirlo en CSS.

¿Cuándo debería usar HSL en vez de RGB?

Usa HSL cuando necesites crear variaciones de color. Es mucho más fácil aclarar un color (aumentar L), hacerlo más vibrante (aumentar S) o cambiar su tono (cambiar H) que averiguar qué canales RGB ajustar.

¿Por qué mi color se ve diferente al imprimir?

Las pantallas usan RGB (luz aditiva), mientras las impresoras usan CMYK (tinta sustractiva). Algunos colores vibrantes de pantalla — especialmente azules y verdes brillantes — simplemente no se pueden reproducir con tinta. Siempre convierte a CMYK y solicita una prueba de impresión antes de la producción final.

Otras herramientas que podrían interesarte