1
Introduce un color o selecciónalo con el selector.
2
Establezca un fondo opaco y ejecute la conversión.
3
Copie formatos o exporte el informe de color y contraste.
Colores CSS y comprobación del contraste
Introduzca un valor de color CSS, por ejemplo #ff6600, ff6600, rgb(255 102 0) o hsl(24 100% 50%). La herramienta mostrará el color y lo convertirá a formatos CSS comunes.
Los valores se resuelven en este navegador a sRGB. No se aceptan colores dependientes del contexto, como currentColor, var() y colores del sistema. Las funciones de gama amplia y CSS Color 4 están fuera de los formatos de entrada admitidos por esta herramienta. La transparencia se conserva en RGBA, HSLA y alfa HEX. RGB y HSL omiten alfa. Los umbrales de contraste no reemplazan una auditoría de accesibilidad completa.
Introduzca un valor de color CSS válido.
La entrada ha cambiado. Este informe todavía pertenece a la última ejecución exitosa.
Aquí aparecerá una muestra de color.
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
Entrada CSS
—
WCAG relación de contraste:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 es el umbral AA para texto normal; 3:1 se aplica sólo a texto suficientemente grande. 7:1 es AAA para texto normal. Una verificación de pares de colores no establece la accesibilidad general de la página.
¿Por qué utilizar un verificador de color CSS en línea?
Esta herramienta le ayuda a visualizar rápidamente cualquier valor de color CSS directamente en su navegador. Puede pegar códigos de un sistema de diseño, guía de estilo o diseño y ver inmediatamente cómo se ven en la pantalla.
Úselo al preparar estilos para un sitio web, combinar colores de marca o depurar diseños existentes. El verificador admite todos los formatos CSS estándar, incluidos HEX, RGB, RGBA, HSL y colores con nombre.
Las reseñas se verifican antes de su publicación. Publicamos comentarios positivos genuinos y críticas específicas. No se publican spam e insultos sin detalles útiles; Las malas palabras y los detalles personales están enmascarados. Los votos positivos se cuentan inmediatamente; Los votos negativos se cuentan después de la revisión.
Las reseñas reflejan las experiencias de los usuarios, no son una garantía de resultados ni una descripción de los límites del servicio. Utilice los botones de calificación de arriba para dejar una reseña.
