Conversor de colores
Elige un color o pega HEX, RGB o HSL para convertirlo entre formatos y comprobar el contraste del texto.
Cómo usar Conversor de colores
- 1
Elige un color o escribe un valor HEX, RGB o HSL.
- 2
Consulta su conversión a HEX, RGB, HSL, HSV y CMYK.
- 3
Comprueba el contraste WCAG con texto blanco y negro.
Acerca de Conversor de colores
Conversor de colores traduce colores entre todos los formatos habituales en diseño y desarrollo: HEX, RGB, HSL, HSV y CMYK. Usa el selector de color o pega cualquier valor CSS, incluidos HEX abreviados como #fff y valores con transparencia.
También comprueba la accesibilidad: calcula la relación de contraste de tu color con texto blanco y negro mediante la fórmula WCAG y la etiqueta como AA, AAA o no válida, para que elijas combinaciones legibles para botones, títulos y fondos.
Los colores se interpretan desde HEX (3, 4, 6 u 8 dígitos), rgb()/rgba() y hsl()/hsla(), con sintaxis de comas o espacios, y se convierten matemáticamente a todos los demás formatos. El contraste se calcula a partir de la luminancia relativa exactamente como define WCAG 2.x, y se valora según los umbrales AA y AAA para texto normal y grande.
Para qué puedes usarla
- Convertir colores de marca entre HEX para web y CMYK para imprenta.
- Obtener valores RGB o HSL para CSS.
- Comprobar si el texto sobre un fondo de color se lee bien.
- Elegir colores para webs, presentaciones y documentos.
- Trasladar colores de herramientas de diseño al código.
Características
- HEX, RGB(A), HSL(A), HSV y CMYK.
- Acepta HEX de 3, 4, 6 y 8 dígitos.
- Relación de contraste WCAG con blanco y negro.
- Selector de color nativo y muestra en directo.
- Copia de cada formato con un clic.
Consejos para obtener el mejor resultado
- Comprueba el contraste de botones y enlaces, no solo del texto principal.
- Usa HSL para crear tonos más claros u oscuros cambiando solo la luminosidad.
- Convierte los colores de marca a CMYK y confírmalos con tu imprenta antes de imprimir.
Preguntas frecuentes
¿Qué contraste necesito?
WCAG AA exige 4,5:1 para texto normal y 3:1 para texto grande. AAA exige 7:1.
¿Por qué el CMYK se ve distinto impreso?
Las pantallas mezclan luz (RGB) y las impresoras tinta (CMYK). La conversión es una aproximación matemática; usa el perfil de color de tu imprenta para un resultado exacto.
¿Qué diferencia hay entre HSL y HSV?
Ambos describen tono y saturación; HSL usa luminosidad (50 % es el color puro) y HSV usa valor o brillo (100 % es el color puro).
¿Puedo introducir colores con transparencia?
Sí. Usa HEX de 8 dígitos, rgba() o hsla().
¿Se envían mis datos a algún sitio?
No. Esta herramienta funciona por completo en tu navegador, así que tus datos nunca salen de tu dispositivo.