Cómo se usa
- Escribe un color en el cuadro de texto o elígelo con el selector.
- Debajo verás los seis formatos, cada uno con su botón Copiar.
Se aceptan #rgb, #rrggbb, rgb(), hsl(), hsv(), cmyk() y oklch(), con comas o espacios entre los valores y unidades % y deg opcionales. Es sintaxis CSS, así que los decimales se escriben con punto: oklch(55% 0.17 262).
Cómo funcionan las conversiones
- HSL y HSV reorganizan el RGB en tono (el ángulo en la rueda de color), saturación y luminosidad o valor.
- CMYK se calcula como
K = 1 − max(R, G, B)y los demás canales se escalan con lo que queda. - OKLCH pasa sRGB a luz lineal, luego al espacio Oklab y después a forma polar (luminosidad, croma, tono).
Ejemplo
El azul #3366cc es rgb(51, 102, 204), hsl(220, 60%, 50%), hsv(220, 75%, 80%), cmyk(75%, 50%, 0%, 20%) y oklch(53.2% 0.168 262.3), es decir, una luminosidad OKLCH del 53,2 % y un tono de 262,3°. El rojo puro #ff0000 es oklch(62.8% 0.258 29.2).
Consejos
- Los grises no tienen un tono con sentido; se muestra como 0.
- La transparencia (alfa) no se procesa: introduce el color opaco.
- Para impresión, pide los valores CMYK a la imprenta: con su perfil serán otros.