Comprobador de Contraste

Comprueba la relación de contraste WCAG entre colores de primer plano y fondo en el navegador, con niveles AA / AAA para texto normal y grande.

Comprobador de Contraste

El comprobador de contraste valida localmente en el navegador la relación WCAG entre colores de primer plano y fondo, muestra el resultado de 1:1 a 21:1 y reporta niveles AA / AAA para texto normal y grande.

Cómo usarlo

  1. Introduce colores de primer plano y fondo en HEX, RGB, HSL o palabras clave CSS comunes.
  2. Revisa la relación de contraste en vivo y el estado AA / AAA.
  3. Usa la vista previa para comprobar la legibilidad real del texto.
  4. Copia el informe para handoff de diseño, revisión frontend o notas de accesibilidad.

Características

  • Calcula contraste WCAG localmente
  • Comprueba AA / AAA para texto normal y grande
  • Mezcla colores transparentes sobre blanco antes de calcular

Por qué usarlo

  • Validar rápidamente colores de texto, botones, enlaces e iconos
  • Reducir diferencias de accesibilidad entre diseño e implementación
  • Comprobar colores en el navegador sin subir datos

Herramientas de color relacionadas

Creador de GIF

Convierte imágenes estáticas o clips en GIF animados.

Redimensionador de Imágenes

Redimensiona imágenes por lotes usando píxeles o porcentaje, con bloqueo de proporción y exportación local.

Imagen a ICO

Convierte imágenes en archivos ICO para favicons e iconos de apps, con varios tamaños dentro del mismo archivo.

SVG a PNG/JPG

Exporta SVG como PNG o JPG con tamaño, color de fondo y descarga local.

Optimizador SVG

Optimiza código SVG en tu navegador, elimina metadatos extra y exporta una versión más limpia.

Visor EXIF

Lee EXIF, GPS, cámara y parámetros de captura de imágenes directamente en tu navegador.

Limpiador de metadatos de imagen

Elimina EXIF, XMP, ICC y otros metadatos de imágenes JPEG, PNG y WebP directamente en tu navegador.

Extractor de paleta de imagen

Extrae colores dominantes, proporciones y paletas de una imagen, con exportación local en HEX, CSS o JSON.

Selector de Colores

Toma colores desde entrada manual, la pantalla o imágenes subidas en el navegador y muestra valores HEX, RGB, HSL, HSV, CMYK y CSS.

Convertidor de Colores

Convierte colores entre HEX, RGB, HSL, HSV, HWB, LAB, LCH, CMYK y palabras clave CSS dentro del navegador con soporte bidireccional y canal alfa.

Generador de Gradientes CSS

Crea linear-gradient, radial-gradient y conic-gradient dentro del navegador con edición de color stops, vista previa en vivo y salida CSS lista para copiar.

Generador de Box Shadow CSS

Ajusta offset, blur, spread, opacidad, radio e inset de box-shadow dentro del navegador con vista previa en vivo y salida CSS lista para copiar.

Nombres de Colores HTML

Explora y busca colores nombrados de HTML / CSS en el navegador, y copia el nombre del color, HEX o RGB.

Generador de Favicon

Genera recursos favicon comunes, site.webmanifest y snippets HTML desde una sola imagen.

Gemini Watermark Remover

Elimina localmente en tu navegador la marca visible de Gemini, con procesamiento y descarga por lotes.

Imagen a AVIF

Convierte PNG, JPG y otras imágenes a AVIF por lotes con calidad, escala y descarga ZIP.

Compresor PNG

Comprime archivos PNG manteniendo salida PNG, con escala, reducción de colores, vista previa y descarga ZIP.

Imagen a WebP

Convierte PNG, JPG y otras imágenes a WebP por lotes con calidad, escala, vista previa y descarga ZIP.