Convertidor de códigos de color

Modifica cualquier valor para sincronizar el bloque de color y todos los formatos.

#B74F2A

Color HEX

Valores RGB

rgb(183, 79, 43)

Valores HSL

hsl(11, 63%, 44%)

Valores HSV

hsv(11°, 63%, 72%)

Valores CMYK

cmyk(0%, 66%, 80%, 28%)

Formatos de color y casos de uso

Cada flujo de trabajo usa un modelo distinto. En web se prefiere HEX o RGB, mientras que en diseño HSL/HSV facilitan el ajuste de tono y saturación.

HEX es la representación hexadecimal de RGB, compacta para CSS; RGB es práctico para píxeles, pantallas y procesamiento de imágenes.

HSL y HSV separan tono, saturación y luminosidad/valor, lo que ayuda a construir paletas, gradientes y sistemas visuales coherentes.

CMYK es el estándar de impresión y permite alinear colores de pantalla con salida física, reduciendo sorpresas en producción.

Formato	Ejemplo	Uso
HEX	#FF5733	Diseño web, estilos CSS
RGB	rgb(255, 87, 51)	Pantallas, Photoshop
HSL	hsl(11, 100%, 60%)	Ajuste de tono y saturación
CMYK	cmyk(0%, 66%, 80%, 0%)	Impresión, diseño gráfico
HSV	hsv(11°, 80%, 100%)	Procesamiento de imágenes, OpenCV

Un convertidor unificado mantiene consistencia entre diseño, desarrollo e impresión, evitando desvíos de color y retrabajo.

1. ¿Por qué los números cambian tanto entre formatos?

HEX y RGB son el mismo modelo en distintas bases, mientras que HSL/HSV/CMYK reorganizan los canales para percepción o impresión. Los valores difieren, pero el color objetivo es el mismo.

2. ¿Por qué aparecen pequeñas diferencias tras convertir?

Las conversiones usan cálculos con decimales, mapeo de gama y redondeo. En CMYK las diferencias son normales porque los perfiles de impresión varían.

3. ¿Cuándo conviene usar HSL o HSV?

Cuando necesitas ajustar tono, saturación o brillo para construir paletas, temas y gradientes. Es más intuitivo que RGB para cambios visuales.

4. ¿Por qué CMYK es importante en impresión?

Las impresoras mezclan tintas cian, magenta, amarillo y negro, diferente a la luz RGB. Ver CMYK ayuda a evitar desviaciones en el resultado físico.

5. ¿Debo usar HEX o RGB?

HEX es compacto y común en CSS; RGB es más claro cuando necesitas controlar canales o procesar píxeles.

6. ¿Cuál es la diferencia entre HSL y HSV?

HSL usa luminosidad y HSV usa valor. Distribuyen el brillo de forma distinta, afectando gradientes y escalas.

7. ¿Por qué los valores tienen rangos fijos?

Cada modelo tiene un dominio definido. Limitar los rangos evita valores inválidos y cambios erráticos.

8. ¿Por qué el color no cambia con una entrada inválida?

Se valida el formato para evitar actualizar el color con valores incompletos o fuera de rango.

9. ¿Los valores se suben a un servidor?

No, todo se procesa localmente en el navegador.

10. ¿CMYK coincide exactamente con la impresión?

Es una conversión genérica. La precisión final depende de perfiles ICC, papel y ajustes de impresión.