Contraste de texto y fondo — azul grisáceo #4A5783 y verde claro Colores #B1F094

Combinación de color de fondo y texto en contraste para una buena legibilidad del texto.

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}}:1

{{ textcolor }}

  • RGB {{ toRGB(textcolor) }}
  • CMYK {{ toCMYK(textcolor) }}
  • HSL {{ toHSL(textcolor) }}

{{ bgcolor }}

  • RGB {{ toRGB(bgcolor) }}
  • CMYK {{ toCMYK(bgcolor) }}
  • HSL {{ toHSL(bgcolor) }}

Contraste de color — {{contrast}}: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

{{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.

Button
Button

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.

Button
Button

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.

Conjuntos similares 🧁

Hola,
¡Qué bueno verte!

google login
github white login github black login
yandex login

¿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

¿Alguna idea o sugerencia? 💡

Escríbenos, intentaremos implementarlas o corregir cualquier error. Formulario de Google

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