Conversor de color

Qué hace esta página

El mismo color puede escribirse como HEX, RGB o HSL. Esta página mantiene los tres a la par y comprueba el contraste frente a un segundo HEX. HEX a RGB en un solo sentido sigue en Hex a RGB.

Cómo usarla

1. Escribe un color HEX, o R, G y B, o H, S y L. Los otros campos y la muestra se actualizan al escribir. No hay botón Convertir.
2. Comparar con es el segundo HEX usado para el contraste.
3. Mostrar ejemplo pone Comparar con en #e8f0f6 y HEX en #112233. R es 17, G es 34, B es 51. H es 210, S es 50, L es 13. La razón es 14.02:1. El texto normal AA, AAA y el texto grande AA cumplen.
4. Borrar todo vacía todos los campos, la muestra y la razón.

Reglas y límites

#RGB se expande doblando cada dígito, así que #123 es #112233. Un valor que no tiene 3 o 6 dígitos hexadecimales se detiene con un error. H va de 0 a 360, S y L de 0 a 100, y R, G y B de 0 a 255. El contraste usa la luminancia relativa WCAG. AA para texto normal es 4.5:1, AAA es 7:1 y AA para texto grande es 3:1. Si Comparar con está vacío, la razón se oculta.

Dónde se usa

• Pasar un HEX oscuro a HSL.
• Comprobar un azul oscuro sobre un fondo claro.
• Leer el mismo color como 17, 34, 51.

Preguntas