Convertir HEX a RGB — Con el Contraste Incluido

Convertir un color es aritmética, y casi todas las páginas que lo hacen se detienen ahí. El número que de verdad hacía falta suele ser el siguiente: si encima de ese color se puede leer.

Esta página hace las dos cosas. HEX, RGB y HSL se editan en cualquier dirección y, al mismo tiempo, se calcula la razón de contraste: contra blanco, contra negro y contra el segundo color que elijas. Esas son las tres preguntas que aparecen cuando un color tiene que entrar en una interfaz real y no en un tablero de inspiración.

Hay algo que se matiza a propósito. El CMYK aparece marcado como aproximado, porque el navegador no tiene ni impresora ni papel ni perfil con el cual convertir. Una página que te entrega CMYK exacto te está entregando una fórmula y llamándola coincidencia.

Todo corre aquí. Nada de lo que escribas se sube, y al cerrar la pestaña se descarta.

1. Escribe en el campo del valor que ya tienes. El hex del archivo de diseño, el RGB de una herramienta de captura o el HSL que estás ajustando a mano: los otros dos siguen de inmediato.
2. Usa el selector cuando estés eligiendo en vez de convirtiendo. Escribe en los mismos campos, así que todas las notaciones quedan sincronizadas.
3. Mira las dos muestras antes de copiar. El color que se ve bien en la pantalla que estás diseñando suele ser el mismo que falla sobre el fondo contrario.
4. Fija como segundo color el par que de verdad vas a publicar: tu color de texto contra tu fondo real, no contra blanco. Esa es la razón que va a usar una revisión de accesibilidad.
5. Si el valor queda apenas por debajo del umbral, mueve la luminosidad y no el tono. Unos pocos puntos de L suelen alcanzar sin cambiar el color que elegiste.