Verificador de contraste de colores de texto y fondo

Este es un pangrama

La tipografía es conocida por su arquitectura bidimensional y requiere un esfuerzo adicional en cada trabajo.

  • Light
  • Regular
  • Medium
  • Bold
Az
{{contrast(textcolor,bgcolor)}}:1
Cambiar color del texto
Color aleatorio
Cambiar color de fondo
Color aleatorio

Contraste de color — {{contrast(textcolor,bgcolor)}}:1

Adecuado para el título
No adecuado para el título
AA — 3.1:1
AAA — 4.5:1
Adecuado para descripción
No adecuado para descripción
AA — 4.5:1
AAA — 7.1:1

Puedes leer sobre los estándares de contraste en la interfaz aquí — WCAG

{{textcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

{{bgcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Herramientas

Hola,
¡Qué bueno verte!

¿Olvidaste tu contraseña?

Ingresa la dirección de correo electrónico que utilizaste al unirte y te enviaremos instrucciones para restablecer tu contraseña.

Crear
una nueva cuenta

Contraseña no coincide

Presentando los Gradientes de Malla

Hemos añadido un generador de gradientes de malla y una nueva biblioteca de malla para que puedas enriquecer con tus gradientes. Ahora puedes crear hermosos gradientes abstractos, descargarlos, copiar sus códigos CSS, guardarlos en tu panel personal y añadirlos a la biblioteca pública.

¡Pronto añadiremos un generador de gradientes radiales!

Gradientes de malla