SeletorImagemmRodaTabelaBiblioteca de coresConversorRGB para HexHex para RGBFerramentasVerificador de contrasteMisturador de coresNomesNomes de coresMinecraftBukkitRobloxTabelaBiblioteca de coresRGB para HexHex para RGBVerificador de contrasteMisturador de coresNomes de coresMinecraftBukkitRoblox
Ferramentas de cor

Verificador de contraste

Verifique a taxa de contraste entre primeiro plano e fundo para designs legiveis.

Hex6DF3EA
RGB109, 243, 234
HSL176, 85, 69
OKLCH0.89, 0.12, 189
6DF3EA6FE8DF71DCD573D1CA75C5C077BAB578AEAA7AA3A07C97957E8C8B808080
#
Clique ou arraste na roda para escolher uma cor.
#

Harmonias de cor

Variacoes de cor

Conversao de cor

Verificador de contraste

Simulador de daltonismo

Verificar contraste

Foreground

#

Background

#
1.34
ElementAAAAA
Small text××
Large text××
UI element××

Verificador de contraste de cores

Use o verificador de contraste para comparar as cores do texto e do fundo com os limites comuns de legibilidade das WCAG. Insira duas cores, verifique a proporção e copie ou ajuste os valores até que o resultado fique legível.

Contraste WCAG

Textos pequenos geralmente precisam de uma proporção de 4,5:1 para AA e 7:1 para AAA. Textos grandes e elementos de interface têm limites menores, mas um contraste forte continua sendo mais fácil de ler.

Exportar códigos de cor

Copiado para a área de transferência