Cole um código de cor e obtenha HEX, RGB, HSL, HSV e HCV, além de verificar se é legível como texto.
O WCAG 2 define 4.5:1 como o critério AA para texto de corpo e 7:1 para AAA; texto grande (18pt ou 14pt em negrito) passa em AA com 3:1. (WCAG são as diretrizes de acessibilidade na web da W3C.) O azul #2457E6 tem cerca de 5.9:1 no branco, ótimo para texto de corpo, mas 3.6:1 no preto, adequado apenas para texto grande.
O HSL separa matiz, saturação e luminosidade, então clarear ou escurecer uma cor significa mudar apenas o L. A escala de luminosidade abaixo é exatamente isso; clique em um tom para carregá-lo.
O HSV (chamado de HSB no Photoshop e Figma) representa matiz, saturação e valor; é o quadrado na maioria dos seletores de cores. V é o canal mais claro e S indica a intensidade da cor dentro dele. O HCV substitui a saturação pelo croma (C), a diferença entre o canal mais claro e o mais escuro. #2457E6 equivale a hsv(224, 84%, 90%) e hcv(224, 76%, 90%). Nenhum dos dois é CSS válido, portanto use HEX, RGB ou HSL no código web.
#RGB, #RRGGBB, #RRGGBBAA, rgb()/rgba(), hsl()/hsla(), hsv()/hsb()/hcv(), trios numéricos simples como '36, 87, 230' e cerca de cinquenta nomes comuns de cores CSS.
Não. As conversões e os cálculos de contraste rodam no seu navegador.
#RRGGBBAA e rgba() são refletidos nos resultados em HEX e RGB. O contraste ignora o alfa e trata a cor como opaca.
O CMYK de impressão depende do perfil de cor, portanto está fora do escopo aqui.
Ela converte entre HEX (incluindo alfa), rgb(), hsl(), trios numéricos simples e cerca de 50 nomes de cores padrão do CSS.
Sim, ela calcula as taxas de contraste contra fundos branco, preto e personalizados para verificar a conformidade com os padrões WCAG AA (4.5), AAA (7) e texto grande (3).
Sim, ela exibe uma escala de luminosidade de 9 níveis para o matiz selecionado, e clicar em qualquer tom carrega seus valores instantaneamente.
Sim, você pode escolher cores visualmente usando a interface do seletor integrado, além de digitar os valores dos códigos.