Cómo convertir un color
- Tocá el cuadro de color para elegir uno, o escribilo en el campo de texto.
- Podés escribirlo en HEX (#1e90ff), en rgb(), en hsl() o con su nombre en inglés.
- Mirá el color en la vista previa y sus equivalentes en HEX, RGB, HSL y CMYK.
- Copiá el formato que necesites y revisá el contraste con texto blanco o negro.
Para qué sirve
Diseñadores y desarrolladores pasan seguido un color de un formato a otro: el HEX de una paleta, el rgb() de una hoja de estilos, el HSL para armar variantes más claras u oscuras. Esta herramienta lo hace en un paso.
También calcula el contraste del color con texto blanco y con texto negro, según las pautas de accesibilidad WCAG: 4,5 a 1 para cumplir el nivel AA y 7 a 1 para el nivel AAA con texto normal.
El CMYK es una conversión simple, útil como referencia; para impresión profesional conviene usar el perfil de color de tu programa de diseño.
Cosas a tener en cuenta
- El CMYK se calcula con la fórmula estándar desde RGB, sin perfil de color, así que puede diferir de lo que verás impreso.
- Los nombres de color funcionan en inglés (red, tomato, navy…).
- El selector nativo puede verse distinto según el navegador y el dispositivo.
Preguntas frecuentes
¿Cómo paso de HEX a RGB?
Escribí el HEX (por ejemplo #1e90ff) y la herramienta muestra al instante el rgb() equivalente, junto con el HSL y el CMYK.
¿Qué es el contraste WCAG?
Es una medida de qué tan legible es un texto sobre un fondo. Una proporción de 4,5 a 1 cumple el nivel AA y de 7 a 1, el AAA, para texto normal.
¿Acepta colores con transparencia?
Sí: podés escribir #rrggbbaa, rgba() o hsla() y se muestran también con su transparencia.
¿Se envía algo a un servidor?
No. Todo se calcula en tu navegador.
¿Es gratis?
Sí, es gratis, no pide registro y funciona directamente en el navegador.