Conversor de colores
Convierte entre HEX, RGB y HSL, y comprueba si el contraste entre el texto y el fondo cumple las pautas de accesibilidad.
- HEX
- #3366cc
- RGB
- rgb(51, 102, 204)
- HSL
- hsl(220, 60%, 50%)
Comprobación de contraste
Contraste 5.37 : 1 — cumple el nivel AA para texto normal, cumple el nivel AA para texto grande
Cómo se usa
Escribe un valor de color y el resto de notaciones se calculan solas. La almohadilla del HEX es opcional y también se entiende la forma abreviada de tres dígitos.
Junto al valor verás una muestra del color, así no tienes que imaginarte cómo es #3366cc. Va muy bien cuando pasas los colores de un diseño al código.
La comprobación de contraste toma un color de texto y uno de fondo y calcula la relación entre ambos. Las WCAG piden 4.5:1 para el texto normal y 3:1 para el texto grande. Por debajo de esa cifra, quien tiene poca visión deja de distinguir las palabras.
Nada de lo que escribas se envía a un servidor. Todo se calcula dentro de tu navegador.