Verificador de contraste de cores de texto e fundo

Capoeira é que tem dendê

Toca o berimbau, eu quero jogar, esse camarada me desafiou, eu vou mostrar pra ele o que o meu mestre me ensinou

  • Light
  • Regular
  • Medium
  • Bold
Az
{{contrast(textcolor,bgcolor)}}:1
Alterar cor do texto
Cor aleatória
Alterar cor de fundo
Cor aleatória

Contraste de cor — {{contrast(textcolor,bgcolor)}}:1

Adequado para o título!
Não adequado para o título!
AA — 3.1:1
AAA — 4.5:1
Adequado para descrição!
Não adequado para descrição!
AA — 4.5:1
AAA — 7.1:1

Você pode ler sobre os padrões de contraste na interface aqui — WCAG

{{textcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

{{bgcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Ferramentas

Olá,
prazer em vê-lo!

Esqueceu a senha?

Digite o endereço de e-mail que você usou ao se cadastrar e nós enviaremos instruções para redefinir sua senha.

Criar
uma nova conta

Senha não corresponde

Conheça os Gradientes de Malha

Adicionamos um gerador de gradientes de malha e uma nova biblioteca de malha para você enriquecer com seus gradientes. Agora você pode criar gradientes abstratos bonitos, baixá-los, copiar seus códigos CSS, salvá-los no seu painel pessoal e adicioná-los à biblioteca pública.

Em breve adicionaremos um gerador de gradientes radiais!

Gradientes de malha