Seletor e conversor de cor

HEX e RGB descrevem literalmente o mesmo valor subjacente — quanta luz vermelha, verde e azul misturar — em duas notações distintas voltadas para dois propósitos distintos: HEX empacota os três canais em uma única string compacta de seis caracteres que é conveniente para colar como um valor CSS ou armazenar em uma coluna de banco de dados, enquanto RGB soletra os três números separadamente, o que é mais conveniente quando um programa precisa ler ou manipular cada canal independentemente. HSL reformula a mesma cor em um sistema de coordenadas completamente diferente construído em torno de como as pessoas realmente pensam sobre cor — matiz (qual cor), saturação (quão vívida), luminosidade (quão próximo de branco ou preto) — especificamente porque "deixe um pouco mais claro" ou "deixe mais apagado" são ajustes de um único número em HSL e exigem recalcular os três canais RGB simultaneamente para alcançar o mesmo efeito visual.

RGB, HSL e HSV são todas formas distintas de descrever luz aditiva — cores criadas emitindo luz vermelha, verde e azul diretamente, que é como cada tela funciona. CMYK descreve cor subtrativa — tinta ciano, magenta, amarela e preta absorvendo certos comprimentos de onda de luz que são refletidos pelo papel, que é um processo fisicamente distinto com uma gama de cores alcançável menor do que uma tela pode produzir. É por isso que uma cor RGB brilhante e saturada, particularmente certos azuis e verdes vívidos, frequentemente não tem nenhum equivalente CMYK exato de jeito nenhum — a cor simplesmente cai fora do que tinta sobre papel é fisicamente capaz de reproduzir, e a conversão exibida é a aproximação disponível mais próxima usando aritmética padrão em vez de uma correspondência com gestão de cor profissional. Precisão de impressão genuína para um trabalho importante precisa de um perfil de cor ICC calibrado para o papel e a impressora específicos sendo usados, que é um processo separado e mais elaborado do que uma conversão aritmética de propósito geral pode fornecer.

A relação de contraste WCAG é calculada puramente a partir da luminância relativa de cada cor — uma medida de brilho percebido derivada dos canais RGB usando uma fórmula que pondera o verde mais pesadamente, já que o olho humano é mais sensível a esse comprimento de onda — em vez de a partir de quão visualmente distintas ou vívidas as duas cores parecem lado a lado. Isso produz um modo de falha específico e contraintuitivo: duas cores saturadas e claramente distintas de brilho geral similar, como texto laranja brilhante sobre um fundo vermelho brilhante, podem carregar quase nenhum contraste de luminância entre elas apesar de parecerem obviamente distinguíveis para a visão típica, e o emparelhamento genuinamente se torna difícil ou impossível de ler para qualquer um com baixa visão, deficiência de visão de cor, ou simplesmente uma tela de celular sob luz solar direta. A relação está medindo exatamente a dimensão de contraste que importa para esses leitores, mesmo quando discorda da primeira impressão de um olho sem deficiência sobre o emparelhamento.