Ir al contenido
Rotina Diária

Conversor de colores

Convierte colores entre HEX, RGB, HSL, HSV y CMYK, y comprueba el contraste WCAG entre dos colores.

    Tonalidades (haz clic para usar)

    Contraste WCAG entre dos colores

    Ejemplo de texto grande

    Ejemplo de texto normal: el rápido zorro marrón salta sobre el perro perezoso.

    Procesado en tu dispositivo. Nada de lo que escribes se envía.

    Cómo usar: Conversor de colores

    1. Escribe el color en cualquier formato (#4f46e5, rgb(79, 70, 229), hsl(243, 75%, 59%)) o usa el selector.
    2. Copia el formato que necesitas o elige un tono más claro o más oscuro.
    3. En el bloque de contraste, indica el color del texto y del fondo para comprobar si cumplen los criterios WCAG.

    Acerca de esta herramienta

    HEX, RGB, HSL y HSV describen el mismo color de pantalla de distintas formas. CMYK se usa en impresión; la conversión es matemática (sin perfil de color ICC), así que, para trabajos gráficos profesionales, consúltalo con la imprenta.

    El contraste se calcula según la fórmula de luminancia relativa de WCAG 2.x: el nivel AA exige una relación de 4,5:1 para texto normal y de 3:1 para texto grande (a partir de 24 px o 18,66 px en negrita); el AAA exige 7:1 y 4,5:1.

    Preguntas frecuentes

    ¿Qué contraste mínimo debo usar en sitios web?

    Para cumplir con el nivel AA de WCAG (exigido por muchas normas de accesibilidad), el texto normal necesita una relación de contraste de al menos 4,5:1 y el texto grande, de 3:1.

    ¿Por qué el color impreso se ve diferente al de la pantalla?

    Las pantallas emiten luz (RGB) y las impresoras usan pigmentos (CMYK), que reproducen una gama de colores más reducida. Los tonos muy saturados de azul y verde suelen verse más apagados en papel.

    ¿De verdad es gratis? ¿Hay un límite diario?

    Es gratis y no tiene límite diario. Como el procesamiento se realiza en tu dispositivo, no tenemos costos por uso ni necesitamos limitarte.

    ¿Funciona en el celular?

    Sí. El sitio funciona en cualquier navegador moderno en Android, iPhone, Windows, Mac y Linux, sin instalar nada.

    Herramientas relacionadas

    Ver todo — Herramientas relacionadas
    Generador de gradientes CSS Crea gradientes lineales, radiales y cónicos con varios colores y copia el código CSS listo para usar. Minificar CSS, HTML y JSON Reduce el tamaño de CSS, HTML y JSON al quitar comentarios y espacios sin alterar su funcionamiento. Generador de códigos QR Crea códigos QR para enlaces, Wi-Fi, WhatsApp, correo electrónico y texto. Comprimir imagen Reduce el tamaño de fotos JPG, PNG y WEBP sin perder calidad visual. Crear ZIP Combina varios archivos de cualquier tipo en un único archivo .zip comprimido, directamente en el navegador. Extraer ZIP Abre archivos .zip sin instalar nada: consulta su contenido y descarga solo los archivos que quieras. Formatear JSON Formatea, valida y minifica JSON con resaltado de errores. Codificar y decodificar Base64 Convierte texto o archivos a Base64 y viceversa.