Paleta acessível: pare de usar HSL em sistemas de cores

• O autor compartilha a experiência de reconstruir o sistema de cores da Postmark e os problemas enfrentados com a paleta anterior.
• Os principais problemas da paleta anterior eram a inconsistência no brilho percebido das cores e as proporções de contraste imprevisíveis entre variações de cor.
• O autor explica que esses problemas surgiram por causa de falhas inerentes ao modelo de cores HSL e da falta de suporte, nas ferramentas de design, a alternativas melhores.
• Como opção superior ao HSL, o autor apresenta os espaços de cor CIELAB e LCh, projetados para refletir a percepção humana de brilho e saturação.
• O autor apresenta o aplicativo Accessible Palette, uma ferramenta para criar sistemas de cores com brilho consistente e proporções de contraste previsíveis.
• O aplicativo permite que os usuários personalizem níveis de brilho, controlem proporções de contraste e gerem paletas de cores com base nos espaços de cor RGB ou CIELAB.
• O autor discute as falhas atuais do cálculo de proporção de contraste da WCAG 2.1 e apresenta o Advanced Perceptual Contrast Algorithm (APCA), usado no aplicativo.
• O autor incentiva os leitores a criar sistemas de cores considerando tanto a WCAG 2.1 quanto as diretrizes do APCA, buscando o máximo de preparação para o futuro e conformidade regulatória.
• O autor destaca os benefícios de usar o aplicativo Accessible Palette e convida os leitores a entrarem em contato a qualquer momento com dúvidas ou feedback.

[GN⁺]

Comentários do Hacker News

• Em sistemas comuns de exibição e impressão, vermelho e azul saturados são mais escuros que o verde.
• Aplicar regras de contraste torna a escolha de cores acessível, mas a técnica deste artigo permite escolhas que são acessíveis e visualmente atraentes.
• O verde saturado de tela não é tão saturado quanto poderia ser, mas é mais saturado do que a maioria dos verdes da vida real.
• O equilíbrio entre os canais vermelho e verde em árvores e grama faz com que fiquem ótimos em estereogramas.
• As recomendações de contraste de cores da WCAG 2.1 às vezes podem produzir resultados mais difíceis de ler do que exemplos com contraste insuficiente.
• Este artigo fornece links para materiais abrangentes sobre cor.
• O autor do comentário usa as ideias deste artigo para colorir logs no ClickHouse.
• A APCA é mencionada como uma possível sucessora do algoritmo de contraste de cores da WCAG 2.
• Ao trabalhar com cores, é importante confiar nos olhos, porque ferramentas e algoritmos são apenas aproximações matemáticas.
• A função CSS color() oferece suporte a vários espaços de cor, não apenas sRGB.
• Levanta dúvidas sobre fórmulas perceptuais relacionadas à acessibilidade e à interação com daltonismo.
• Sugere oklab como alternativa ao LCh.
• O contraste APCA mencionado no artigo é considerado mais justo para algumas cores do que o Contrast Ratio da WCAG 2.1.
• São fornecidos materiais adicionais sobre teoria das cores e APCA.
• O autor quer um algoritmo que possa ser usado em todos os softwares, não apenas em formulários web.
• Em outro artigo, é mencionado o HSY, o modelo de cor usado no seletor avançado de cores do Krita.