Conversor de Color (HEX/RGB/CMYK) - Herramienta de Comprobación de Contraste WCAG

Convierta HEX, RGB, HSL y CMYK con un comprobador de contraste WCAG integrado. Privacidad solo local—sin cargas. Obtenga valores CMYK listos para impresión y copie resultados ahora.

Vista previa del texto

Valores convertidos

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

Accesibilidad (WCAG)

Texto blanco0.00:1
Texto normal (AA)Reprobado
Texto grande (AA)Reprobado
Texto negro0.00:1
Texto normal (AA)Reprobado
Texto grande (AA)Reprobado

Cómo usar

  1. Introduzca un color (ej., #3b82f6) o use the selector.
  2. Copie los valores convertidos (RGB/HSL/CMYK) al instante.
  3. Compruebe los resultados WCAG para la legibilidad de textos en blanco/negro.
  4. Utilice la salida CMYK para especificaciones de diseño listas para impresión.

Características principales

  • Comprobación de Contraste WCAG: Calcule relaciones de contraste y muestre AA/AAA aprobado/fallido al instante.
  • CMYK para Impresión: Convierta colores de pantalla en porcentajes CMYK listos para imprimir.
  • Espacio de Color HSL: Trabaje con HSL para ediciones de tono/saturación/luminosidad más intuitivas.
  • Selector de Color del Sistema: Elija colores con el selector de su sistema operativo para mayor precisión.
  • Privacidad garantizada: Todas las conversiones se ejecutan localmente en su navegador.

Herramientas relacionadas

Selector de Color de Imagen Gratis y Generador de Paletas

Seleccione una imagen, arrástrela y suéltela o péguela desde el portapapeles para elegir colores de píxeles localmente, copiar códigos HEX/RGB/HSL y generar una paleta de colores dominantes.
Generador de Lorem Ipsum (JSON/HTML) - Salida CJK y para Desarrolladores

Genere Lorem Ipsum como texto, HTML <p> o arrays JSON. Solo local, sin cargas. Incluye texto de marcador de posición chino y controles de longitud variable. Genere ahora.
Calculadora de Relación de Aspecto y Generador de CSS - TikTok/Reels 9:16

Calcule relaciones de aspecto y dimensiones faltantes rápidamente. Se ejecuta localmente—sin cargas. Incluye ajustes preestablecidos de TikTok/Reels 9:16 y fragmentos de CSS aspect-ratio. Calcule ahora.

Lógica de cálculo

  • Las conversiones implementan matemáticas estándar RGB↔HSL y RGB↔CMYK.
  • WCAG utiliza la luminancia relativa y una relación de contraste.
  • La luminancia se puede expresar como (L = 0.2126R + 0.7152G + 0.0722B).
  • Relación de contraste: (\frac{L_1 + 0.05}{L_2 + 0.05}), luego compare con los umbrales de AA/AAA.

Preguntas frecuentes

¿Cómo compruebo si mis colores son accesibles (WCAG)?

Introduzca sus colores y revise el panel WCAG. Calculamos las relaciones de contraste con texto blanco/negro y mostramos si aprueba/falla para AA/AAA.

¿Cómo convierto HEX a CMYK para imprimir?

Escriba un código HEX (ej., #FF0000). Lo convertimos instantáneamente en porcentajes CMYK para diseño de impresión.

¿Están seguros mis datos (local/privacidad)?

Sí. Todo se ejecuta localmente en su navegador sin cargas ni almacenamiento en el servidor.

¿Es gratis? ¿Algún límite?

Es gratis y no requiere registro. Copie los valores en cualquier momento.

¿Cómo se calcula el contraste WCAG?

Calculamos la luminancia relativa para el primer plano/fondo, luego usamos (\frac{L_1 + 0.05}{L_2 + 0.05}) para obtener la relación de contraste y evaluar AA/AAA.