Conversor de Colores — HEX, RGB, HSL, CMYK | CalcxApp

Convierte colores entre formatos HEX, RGB, HSL y CMYK

Valores del Color

HEX

#0F172A

RGB

rgb(15, 23, 42)

HSL

hsl(222, 47%, 11%)

CMYK

cmyk(64%, 45%, 0%, 84%)

Distribución de Canales RGB

Conversor de Colores — HEX, RGB, HSL, CMYK | CalcxApp

FormatoValor
HEX#0F172A
RGBrgb(15, 23, 42)
HSLhsl(222, 47%, 11%)
CMYKcmyk(64%, 45%, 0%, 84%)
Rojo15 / 255
Verde23 / 255
Azul42 / 255
Tono222°
Saturación47%
Luminosidad11%

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

Converting a Brand Color

Suppose your brand color is #6366F1, a shade of indigo. In RGB this is rgb(99, 102, 241). In HSL it is hsl(239, 84%, 67%). In CMYK it is approximately cmyk(59%, 58%, 0%, 5%). Having all formats available ensures you can use the color consistently across web, design tools, and print materials.

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