Cores HEX, RGB, HSL e CSS
HEX, RGB e HSL cobrem a maioria dos fluxos de trabalho diários no navegador, design e frontend.
A conversão rápida permite colar um valor e reutilizá-lo em qualquer lugar sem reescrever a sintaxe à mão.
Conversor de cores
Converte entre hex, RGB, HSL, OKLCH e OKLAB enquanto verificas contraste e exportas tokens prontos para CSS.
Suporta hex, rgb(), hsl(), oklch(), oklab() e cores CSS nomeadas.
Cor atual
#953769
Primeiro plano sugerido
#FFFFFF
Cor complementar
#007653
Sobre a conversão de cores CSS
Os conversores de cores ajudam-te a mover a mesma cor entre HEX, RGB, HSL, OKLCH e OKLAB. São mais úteis quando precisas de saída legível, contexto de contraste e valores prontos para CSS ou Tailwind.
Porque OKLCH e OKLAB importam
OKLCH e OKLAB são melhores para criar escalas suaves e alterações previsíveis de luminosidade.
Facilitam o trabalho com paletas quando precisas de rampas equilibradas e contraste fiável.
Verificações de contraste e saída Tailwind
Verificações de contraste e saída pronta para frameworks transformam um conversor numa ferramenta prática de UI.
Podes passar mais depressa de uma cor de entrada para escolhas de texto acessíveis e tokens prontos para Tailwind.
Perguntas frequentes
Respostas sobre formatos de cor suportados, quando usar espaços percetuais como OKLCH e como interpretar as saídas de contraste e Tailwind.
Outras ferramentas
Explora todas as páginas de ferramentas dedicadas a partir do hub da página inicial ou do seletor centrado no cabeçalho.
Imagens
Conversor WebP
Converte até 10 imagens JPEG, PNG ou WebP para WebP com predefinições de qualidade e transferências ZIP.
Abrir Conversor WebP
Recursos
Gerador de favicon / ícone de app
Carrega uma imagem de origem quadrada e gera um pacote de favicon com ícones de app e um manifest web inicial.
Abrir Gerador de favicon
Formatos de dados
Conversor JSON / YAML / TOML
Valida, formata, minifica e converte JSON, YAML e TOML com avisos claros de compatibilidade.
Abrir JSON / YAML / TOML
Formatos de dados
Validador CSV
Valida ficheiros CSV e linhas coladas com deteção de delimitador, verificações de cabeçalho, listas de problemas e pré-visualizações analisadas.
Abrir Validador CSV
Texto
Case / Slug / Escape
Converte texto para camelCase, snake_case, kebab-case, PascalCase, slugs e formas comuns com escape.
Abrir Case / Slug / Escape
Texto
Validador e pré-visualização Markdown
Valida a estrutura Markdown, pré-visualiza a saída renderizada e deteta problemas comuns de autoria antes de publicares.
Abrir Validador Markdown