Um verificador de contraste WCAG mede a proporção de luminância entre as cores de primeiro plano e de fundo para determinar se atendem às diretrizes de acessibilidade para conteúdo web (WCAG) 2.1. É necessária uma proporção de pelo menos 4,5:1 para conformidade AA com texto normal e 7:1 para conformidade AAA.
Um código de cor HEX como #4285F4 é dividido em três pares: 42 (vermelho), 85 (verde), F4 (azul). Cada par é convertido de hexadecimal para decimal. Assim, #4285F4 se torna RGB(66, 133, 244). Nosso Conversor de Cores suporta os formatos HEX, RGB, HSL, HSV, CMYK e OKLCH instantaneamente.
Um gerador de paleta de cores cria combinações harmoniosas de cores a partir de uma cor base usando regras da teoria das cores. Os esquemas mais comuns incluem complementar (oposto na roda de cores), análogo (cores adjacentes), triádico (três cores igualmente espaçadas) e complementar dividido. Essas paletas garantem harmonia visual no design.
O Tailwind CSS usa uma escala de 50 a 950 tons para cada cor, onde 50 é o matiz mais claro e 950 é o tom mais escuro. Nosso Gerador de Tons cria essa escala completa a partir de qualquer cor base, seguindo a uniformidade perceptual do Tailwind para sistemas de design consistentes.
Um simulador de daltonismo aplica transformações matemáticas às cores que modelam como elas aparecem para pessoas com deficiência de visão de cores. Os principais tipos são Deuteranopia (cego para verde, ~6% dos homens), Protanopia (cego para vermelho, ~1%), Tritanopia (cego para azul, rara) e Acromatopsia (daltonismo total).
O ColorFYI suporta seis formatos de cor: HEX (#4285F4), RGB (66, 133, 244), HSL (217°, 89%, 61%), HSV (217°, 73%, 96%), CMYK (73%, 45%, 0%, 4%) e OKLCH (0,63, 0,17, 264°). OKLCH é um espaço de cor perceptualmente uniforme recomendado para CSS moderno.
Sim, todas as seis ferramentas de cor do ColorFYI são completamente gratuitas, sem necessidade de cadastro. Elas funcionam inteiramente no seu navegador para resultados instantâneos — o Verificador de Contraste, Conversor de Cores, Gerador de Paleta, Gerador de Tons, Simulador de Daltonismo e Gerador de Gradiente.