Convertidor de Color

Convierte colores entre formatos HEX, RGB, HSL y CMYK

Valores del Color

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

CMYK

cmyk(59%, 58%, 0%, 5%)

Distribución de Canales RGB

Convertidor de Color

FormatoValor
HEX#6366F1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)
CMYKcmyk(59%, 58%, 0%, 5%)
Rojo99 / 255
Verde102 / 255
Azul241 / 255
Tono239°
Saturación84%
Luminosidad67%

Sobre los Formatos de Color

Comprendiendo los Modelos de Color Digital

Los colores digitales se representan mediante modelos matemáticos que definen cómo se crean y muestran. Los cuatro formatos más comunes son HEX, RGB, HSL y CMYK.

Formato HEX

HEX es el formato más usado en desarrollo web. Representa colores como un número hexadecimal de seis dígitos. Los dos primeros representan rojo, los del medio verde y los últimos azul. Cada par va de 00 a FF.

Modelo RGB

RGB representa colores como combinaciones de luz roja, verde y azul. Cada canal va de 0 a 255. Es un modelo aditivo usado por pantallas.

Modelo HSL

HSL significa Tono, Saturación y Luminosidad. El tono se mide en grados de 0 a 360. Es intuitivo para diseñadores porque ajustar luminosidad o saturación es más natural.

CMYK para Impresión

CMYK es un modelo sustractivo usado en impresión: Cian, Magenta, Amarillo y Clave (negro). Cada valor es un porcentaje de 0 a 100.

Ejemplo Práctico

Convirtiendo un Color de Marca

Si tu color de marca es #6366F1, en RGB es rgb(99, 102, 241), en HSL es hsl(239, 84%, 67%) y en CMYK es aproximadamente cmyk(59%, 58%, 0%, 5%).

Preguntas Frecuentes

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

HEX y RGB representan el mismo modelo de color en formatos diferentes. HEX usa notación hexadecimal y RGB usa decimal. Son intercambiables.

¿Cuándo debo usar CMYK en lugar de RGB?

Usa CMYK para cualquier diseño que se imprimirá físicamente. RGB es para pantallas digitales. Algunos colores RGB no pueden reproducirse en CMYK.

¿Qué es HSL y por qué es útil?

HSL separa la información del color de forma que coincide con la percepción humana. Puedes aclarar u oscurecer un color ajustando la luminosidad fácilmente.

¿Todos los colores RGB pueden imprimirse en CMYK?

No, el espacio de color RGB es más grande que la gama CMYK. Los neones brillantes y algunos azules y verdes pueden verse más apagados en CMYK.

¿Cuántos colores puede representar HEX?

Un código HEX de seis dígitos puede representar 16,777,216 colores únicos, lo mismo que profundidad de color de 24 bits.

Disclaimer: Este convertidor usa conversiones matemáticas estándar. La apariencia real puede variar según la calibración de tu pantalla.

Referencias

  1. Wikipedia. "RGB color model." en.wikipedia.org
  2. Wikipedia. "HSL and HSV." en.wikipedia.org

Comentarios