Rejilla de contraste

Un sistema de diseño no es una lista de colores, es una lista de combinaciones — y la pregunta que de verdad surge es cuál de estos puede ir sobre cuál. Comprobar eso de par en par significa n² visitas a un comprobador de contraste. Para una paleta de ocho son sesenta y cuatro comprobaciones, que es la razón de que nadie lo haga y de que los sistemas de diseño salgan con combinaciones que nunca probó nadie. Esto es un comprobador de contraste de paletas que las hace todas a la vez — una matriz de color WCAG para el conjunto entero. Pega tu paleta y cada color se comprueba como texto contra cada color como fondo, con la relación de contraste y la nota WCAG en cada celda. El verde supera el nivel que elegiste, el ámbar solo alcanza el listón más bajo del texto grande, el rojo suspende. Pégala en la forma que ya tengas. Hex, rgb(), hsl() o nombres de color CSS, separados por saltos de línea, comas o espacios, con la sintaxis de propiedades personalizadas todavía pegada si eso es lo que copiaste — lo lee todo y te avisa de lo que no pudo leer. La rejilla es además lo que merece la pena guardar. Está hecha para llevarla de captura de pantalla directa a una especificación de diseño o a una pull request, porque la comprobación ocurre una vez y la imagen se usa durante un año. Todo funciona en tu navegador.