Slop Colors · gratis, en tu navegador
Comprueba el contraste de color según WCAG
El texto gris sobre blanco queda elegante hasta que nadie puede leerlo. Escribe los dos colores y Slop Colors te da la proporción WCAG, qué niveles cumple y el color de texto más cercano que sí los cumple.
Cómo hacerlo
- Baja hasta Comprobación de contraste (WCAG 2) y escribe el color del texto y el del fondo, en HEX, RGB, HSL u OKLCH.
- Lee la proporción y los cinco resultados: AA y AAA para texto normal, AA y AAA para texto grande, y partes de la interfaz y gráficos.
- Mira la muestra: texto grande y un párrafo con tus dos colores.
- Si no cumple AA para texto normal, haz clic en Corregir el color del texto: el color conserva su tono y solo se aclara u oscurece lo justo para cumplirlo.
- Haz clic en Intercambiar para comprobar los colores al revés.
Tus archivos se quedan en este dispositivo: Slop Colors funciona en tu navegador, sin subidas, sin cuenta y sin marca de agua.
Preguntas
¿Qué proporciones pide WCAG?
El nivel AA pide 4,5:1 para texto normal y 3:1 para texto grande (24 px, o 18,66 px en negrita), y para partes de la interfaz y gráficos. El nivel AAA pide 7:1 y 4,5:1.
¿Por qué muestra 4,47 y no 4,48?
La proporción se redondea a la baja, como la muestra el comprobador de WebAIM, así que un par de 4,499 nunca se muestra como si cumpliera 4,5.
¿Puede comprobar un color de mi pantalla?
En Chrome y Edge, Elegir desde la pantalla toma cualquier píxel de tu pantalla. Después úsalo como color de texto o de fondo desde el panel.
¿Se sube algo?
No. La página comprueba los colores en tu navegador; no se envía nada a ningún sitio.
Más con Slop Colors
- Elige colores de una imagen
- Genera una paleta de color a partir de un color
- Convierte HEX a RGB, HSL, OKLCH o CMYK
Apps relacionadas
PhotoSlop
En directo
Photoshop, rehecho para el navegador.
SlopVector
En directo
Illustrator, rehecho para el navegador.
SlopIsolate
Beta
Quita fondos con IA que funciona en tu dispositivo.