Gerador cron da AWS
Gerador cron
Contador de texto
JSON para CSV
CSV para JSON
Conversor de timestamp Unix
Gerador de UUID v4 e v7
JSON para TypeScript
Markdown para PDF
Base64
Imagens
JSON
Código QR
Senhas
Unidades
Hash
Cores
Ferramentas PDF
Editor de PDF
Codificador de URL
Conversor de Formato
Lorem Ipsum
Testador Regex
Decodificador JWT
Diferença de texto
Otimizador SVG
Visualizador EXIF
Extrator de cores
Gerador de favicons
Conversor Universal
Conversor de horas
Divisor de PDF
Imagens para PDF
PDF para Imagem
Removedor de Fundo
Navega com ↑ ↓ · abre com Enteresc
Mudar de ferramenta
Conversores

Cores

Converta HEX, RGB e HSL. Gere paletas complementares e verifique as taxas de contraste de acessibilidade.

No teu dispositivo

Os ficheiros e textos são processados no teu navegador.

política de Privacidade
Entrada de cores
HEX
RGB
HSL
#3B82F6
Entrada de cores
#523CF6
Análogo
#F6AF3C
Complementar
Verificador de contraste
#3B82F6
#FFFFFF

Aa

Taxa de contraste

4.32
AA Falhar
AAA Falhar
02 / Guia de utilização

Sobre esta ferramenta

Conversão de cores abrangente

Web designers e desenvolvedores front-end fazem malabarismos constantemente com diferentes espaços de cores. Os códigos HEX são padrão em HTML/CSS, RGB é muito usado em software de design gráfico e manipulação de telas JavaScript, enquanto HSL (Hue, Saturation, Lightness) é preferido pelos designers para criar paletas e sombreamento intuitivos. Nosso Color Converter traduz instantaneamente qualquer entrada de cor em todos os principais formatos simultaneamente, agilizando seu processo de design de UI e garantindo consistência de cores perfeitas em pixels em todo o seu aplicativo.

Garantindo Acessibilidade na Web (WCAG)

Projetar uma interface esteticamente agradável é importante, mas garantir que ela seja acessível a todos é fundamental. As Diretrizes de Acessibilidade para Conteúdo da Web (WCAG) exigem taxas de contraste específicas entre o texto e as cores de fundo para que usuários com deficiência visual possam ler seu conteúdo confortavelmente. Nosso Verificador de Contraste integrado calcula dinamicamente a proporção exata entre as cores de primeiro plano e de fundo escolhidas, notificando-o instantaneamente se a combinação passar nos rígidos padrões de acessibilidade AA (4,5:1) ou AAA (7:1).

Gerando paletas de cores harmoniosas

Começar um design do zero pode ser assustador. Para auxiliar no processo criativo, nossa ferramenta gera automaticamente paletas de cores complementares, análogas e triádicas com base na sua entrada de cores primárias. Ao aproveitar a matemática estabelecida da teoria das cores, essas paletas geradas automaticamente garantem a harmonia visual. Esteja você construindo uma identidade de marca do zero ou simplesmente procurando a cor de destaque perfeita para um botão de call to action, nossa ferramenta local fornece inspiração imediata.

Perguntas Frequentes

O que é a taxa de contraste WCAG?

As Diretrizes de Acessibilidade para Conteúdo da Web (WCAG) exigem uma taxa de contraste de pelo menos 4,5:1 para texto normal (AA) e 7:1 para acessibilidade estrita (AAA) para garantir que o texto seja legível para pessoas com deficiência visual.

O que é uma paleta análoga?

Cores análogas são grupos de três cores próximas umas das outras no círculo cromático. Eles criam looks ricos e monocromáticos.

O que é uma cor complementar?

Uma cor complementar é a cor exatamente oposta no círculo cromático. Ele cria alto contraste e looks vibrantes.

As conversões são precisas?

Sim, usamos fórmulas matemáticas padrão para converter exatamente entre os espaços de cores HEX, RGB e HSL.