Convertidor de Formatos de Color

Convierte colores entre HEX, RGB, HSL, HSV, CMYK y más formatos

Convierte colores entre diferentes formatos. Ingresa un color en cualquier formato soportado (HEX, RGB, HSL, HSV o CMYK) y selecciona el formato de salida deseado.

Color de Entrada

Ejemplo: #FF0000

Color de Salida

Cómo funciona

Los formatos de color son diferentes formas de representar un mismo color. Cada formato tiene sus ventajas según el contexto de uso.

Formatos más comunes

HEX (Hexadecimal)

Formato de 6 dígitos usado en CSS y diseño web. Ejemplo: #FF5733

RGB (Red, Green, Blue)

Modelo aditivo basado en luz. Cada canal va de 0 a 255. Ejemplo: rgb(255, 87, 51)

HSL (Hue, Saturation, Lightness)

Modelo intuitivo basado en tono, saturación y luminosidad. Ideal para ajustar colores. Ejemplo: hsl(11, 100%, 60%)

CMYK (Cyan, Magenta, Yellow, Key/Black)

Modelo sustractivo usado en impresión. Los valores van de 0% a 100%.

¿Cuándo usar cada formato?

  • HEX: CSS, diseño web, código
  • RGB: Pantallas, monitores, aplicaciones
  • HSL: Ajustes de color, crear variaciones
  • CMYK: Impresión profesional

💡 Ejemplos de uso prácticos

Caso 1: Diseñador web recibe color de cliente

Un cliente te envía el color de su marca como #1E90FF (Dodger Blue). Necesitas usarlo en CSS con transparencia para un overlay.

→ Convierte a RGBA: rgba(30, 144, 255, 0.7)

Caso 2: Preparar archivo para imprenta

Tu diseño web usa rgb(255, 107, 107) pero necesitas enviarlo a imprenta para tarjetas de visita.

→ Convierte a CMYK: cmyk(0%, 58%, 58%, 0%)

Caso 3: Crear variaciones de un color

Tienes el color primario #6366F1 y necesitas versiones más claras y oscuras.

→ Convierte a HSL: hsl(239, 84%, 67%)
→ Ajusta Lightness: 80% (claro), 50% (oscuro)

Preguntas Frecuentes

¿Cómo convierto HEX a RGB?
Cada par de dígitos HEX representa un canal RGB. Por ejemplo, #FF5733: FF=255 (rojo), 57=87 (verde), 33=51 (azul). Nuestra herramienta hace esta conversión automáticamente.
¿Qué formato es mejor para diseño web?
HEX es el más común en CSS por su brevedad. RGB es útil cuando necesitas transparencia (RGBA). HSL es ideal para crear variaciones de un color base.
¿Por qué los colores se ven diferentes en pantalla e impresión?
Las pantallas usan RGB (luz aditiva) mientras que la impresión usa CMYK (tinta sustractiva). Algunos colores RGB brillantes no pueden reproducirse exactamente en CMYK.
¿Qué es el canal alfa?
El canal alfa controla la transparencia del color, de 0 (transparente) a 1 (opaco). Se usa en formatos como RGBA y HSLA.