Conversor de colores

Pega o elige un color — HEX, RGB(A), HSL(A), HSV o CMYK — y consulta todos los formatos a la vez, con vista previa en vivo.

Color

Cómo se usa

Escribe un color en cualquier formato — HEX (#FF5733), rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(…), cmyk(…) o un nombre como «red» — o elige uno con la muestra de color.
Todos los formatos aparecen al instante, sin pulsar ningún botón. La vista previa muestra el color real.
Copia cualquier formato con su botón. El alfa (transparencia) se conserva: se muestra un HEX de 8 dígitos o rgba()/hsla() cuando el color no es completamente opaco.

#FF5733

HEX #FF5733
RGB rgb(255, 87, 51)
HSL hsl(10.6, 100%, 60%)
HSV hsv(10.6, 80%, 100%)
CMYK cmyk(0%, 65.9%, 80%, 0%)

#FF5733 es un naranja; el mismo color es rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(10.6, 80%, 100%) y cmyk(0%, 65.9%, 80%, 0%).

Solo cinco formatos: HEX, RGB(A), HSL(A), HSV y CMYK. Sin CIE-Lab/XYZ, sin búsqueda del color con nombre más cercano, sin mezcla de paletas ni comprobación de contraste (accesibilidad).
Las conversiones son matemática exacta; los componentes se redondean a enteros y los porcentajes a un decimal (p. ej., 65.9 %), recortando los ceros finales — no es precisión infinita.
El selector de color (muestra) es un control del navegador y solo muestra colores opacos. La transparencia (alfa) se introduce y se muestra únicamente a través de la caja de texto.
Los nombres de color usan las palabras clave estándar de CSS (red, rebeccapurple…), en inglés y escritas exactamente. Los nombres en otros idiomas (p. ej., «rojo») no se reconocen — escribe la palabra clave inglesa.
No se sube, guarda ni escribe nada en la URL: sin historial, sin enlace para compartir que transporte el color. Todo se ejecuta en tu navegador.

Lo que suele necesitarse después, una vez el color está en la forma deseada.