¿Se lee bonito?
Elige un color y te digo qué letras, fondos y botones le quedan con buen contraste. Todo se calcula aquí mismo en tu navegador con las reglas WCAG 2.2.
- AA texto normal desde 4.5:1
- AAA texto normal desde 7:1
- Grande títulos de 24px (o 19px en negrita) desde 3:1
💧 Cuentagotas en una imagen
Sube, arrastra o pega (Ctrl+V) una imagen y toca cualquier punto para tomar su color. La imagen se queda en tu navegador, no se sube a ningún lado.
Tu color
Escribe o pega: #ff69b4, rgb(255 105 180), hsl(330 100% 71%)
Colores de Exxlilly:
Respuesta rápida
Letras sobre tu color
Colores de texto que se leen bien encima de tu color, ordenados del más legible al menos.
Fondos para usar tu color como letra
Si quieres escribir con tu color, estos fondos lo dejan legible.
Paleta completa a partir de tu color
Fondo, tarjetas, texto, enlaces y botones en modo claro y oscuro. Cada par se revisa antes de mostrarse.
Tus colores
Texto
Fondo
Resultado
Sugerencias que sí cumplen
Cinco opciones lo más parecidas a tu color original. Usar la prueba sin borrar las demás, Copiar copia el código. IA viene del modelo neuronal del proyecto original; exacto es el cambio mínimo de luminosidad.
Ajustar el texto
Ajustar el fondo
Vista previa
Así se vería una tarjeta del catálogo con tu combinación.
Cómo lo ven otras personas
Simulación de visión de color (Machado et al., 2009). El contraste se recalcula para cada caso.
¿Quieres ver más cositas?
Ven a visitarme en mis redes
(´｡• ᵕ •｡`) ♡