Verificador de Contraste de Color

Un verificador de contraste de colores preciso para diseñadores y desarrolladores web para asegurar elecciones de color de primer plano y fondo accesibles en todas las pantallas.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support

3,296+

Total Calculations Run

< 15ms

Browser Execution Speed

100%

Client-Side Privacy

4.9 / 5.0

User Satisfaction

AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Sobre esta herramienta

La herramienta admite dos colores en hex, RGB o nombres. Normaliza las entradas, calcula la luminancia relativa y devuelve la relación de contraste.
Las salidas típicas incluyen una relación numérica y un estado aprobado/pendiente para objetivos WCAG AA y AAA.
Ejemplo: primer plano #000000 sobre fondo #FFFFFF da 21:1, cumpliendo ambos objetivos.
En segundo plano, utiliza la corrección gamma sRGB estándar y fórmulas WCAG compatibles. La luminancia se calcula a partir de componentes RGB lineales, y la relación se calcula como (L1+0.05)/(L2+0.05), con L1 siendo el color más claro.
También señala pares de colores no ideales y explica por qué.
Público: diseñadores UI/UX, desarrolladores front-end, ingenieros de accesibilidad y estrategas de contenido que necesitan comprobaciones rápidas durante selección de paletas, cambios de texto o ajustes de tema.
Soporta comprobaciones por lotes vía múltiples pares de entradas y devuelve un informe estructurado.

Save your calculation history with a free account

Cómo usar

Proporcionar entradas: ingresar colores de primer plano y de fondo en hex, RGB o nombres.
Validar colores: las entradas son obligatorias y deben ser valores CSS válidos.
Ejecutar cálculo: la herramienta calcula luminancia, relación de contraste y estados de aprobado.
Revisar resultados: verificar estados AA/AAA y sugerencias de ajustes.
Exportar o guardar resultados para auditorías.

Frequently Asked Questions

Encuentre respuestas rápidas

Qué es la relación de contraste y por qué es importante?

La relación de contraste mide la diferencia de luminancia entre el primer plano y el fondo y evalúa la legibilidad del texto. Relaciones más altas mejoran la legibilidad, especialmente para textos pequeños o en entornos brillantes, y ayudan a cumplir los requisitos WCAG de accesibilidad.

Qué significan AA y AAA?

AA define el contraste mínimo aceptable para texto normal (generalmente 4,5:1) y para texto grande (3:1). AAA establece un estándar más alto (normalmente 7:1). Alcanzar estos objetivos mejora la accesibilidad para usuarios diversos.

¿Puedo introducir nombres de colores además de códigos hex?

Sí. El verificador admite hex, RGB y nombres CSS estándar. Las entradas se normalizan a un espacio de color común antes de calcular luminancia y razón.

¿Puedo exportar o compartir los resultados?

Los resultados pueden copiarse o guardarse como datos estructurados y utilizarse en auditorías. La herramienta ofrece una relación numérica, valores de luminancia y estados de aprobado/no aprobado para documentación.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Related Tools

Other useful calculators and utilities you might like

Convertidor de Spotify a MP3

Convierte archivos de audio proporcionados localmente a MP3, permitiendo escucha offline y compatibi...

Calculadora de Distancia por Carretera

Calculadora de distancia por carretera para viajeros, planificadores logísticos y conductores para e...

Calculadora de Edad

Determina rápidamente la edad de una persona a partir de su fecha de nacimiento con nuestra calculad...

Convertidor de divisas

Convierte rápidamente cantidades entre diferentes monedas con nuestro convertidor de divisas en líne...

Tu opinión importa

Ayúdanos a mejorar