Cor ferramentas
Converta HEX, RGB e HSL, crie paletas e degradês e verifique o contraste WCAG: todas as ferramentas de cor para design, direto no navegador.
Ferramentas de cor populares
Conversor de HEX para RGB
Converta códigos de cor HEX em valores RGB e veja também os valores HSL.
Conversor de HEX para HSL
Converta códigos de cor HEX em valores de cor HSL.
Gerador de cor aleatória — cor HEX
Gera uma cor HEX aleatória e mostra seus valores RGB e HSL.
Seletor de cores — HEX, RGB e HSL
Escolha uma cor com o seletor do navegador e confira seus valores HEX, RGB e HSL.
Conversor de RGB para CMYK
Converta cores RGB em porcentagens CMYK para impressão.
Gerador de paleta de cores
Gera uma paleta de cores harmônica a partir de uma cor HEX base.
Gerador de degradê CSS
Combina duas cores HEX em um valor CSS linear-gradient.
Misturador de cores
Mistura duas cores HEX na proporção que você escolher.
Gerador de tons claros e escuros
Gera tons mais claros e mais escuros a partir de uma cor HEX.
Cores nomeadas do CSS
Consulte os valores HEX e RGB das cores nomeadas do CSS.
Encontrar a cor do Tailwind mais próxima
Encontre o token de cor padrão do Tailwind mais próximo de uma cor HEX.
Calculadora de opacidade de cor — rgba CSS
Converta uma cor HEX e sua opacidade em um valor CSS rgba.
Gerador de box-shadow CSS
Gera um valor CSS box-shadow a partir de deslocamento, desfoque, expansão e cor.
Prévia de border-radius CSS
Combina os valores dos quatro cantos em uma propriedade CSS border-radius.
Gerador de clamp() CSS
Combina um valor mínimo, um preferido e um máximo em uma função CSS clamp().
Conversor de rem para px
Converta entre px e rem usando um tamanho de fonte base.
Calculadora de proporção de aspecto
Calcula a proporção de aspecto CSS e a proporção reduzida a partir da largura e da altura.
Gerador de cores do Tailwind — escala 50-950
Gera uma escala de cores completa de 50 a 950 a partir de uma cor base para usar no Tailwind CSS.
Visualizador de paletas — veja as cores na interface
Aplica uma paleta de cores a blocos de interface genéricos para ver como suas cores ficam em um layout real.
Localizador de nomes de cores — descubra a cor de um HEX
Encontra o nome de cor mais próximo de um valor HEX para identificar e nomear suas cores rapidamente.
Gerador de triângulo CSS — código com border
Gera o código CSS de um triângulo baseado na propriedade border, pronto para copiar e colar na sua folha de estilos.
Verificador de contraste de cores — WCAG AA/AAA
Calcule a relação de contraste entre a cor do texto e a cor de fundo e verifique se ela atende aos níveis WCAG AA/AAA.
Extrator de paleta de uma imagem — análise de cores no navegador
Extrai uma paleta de cores HEX representativa de uma imagem. A imagem é processada no seu navegador.
Simulador de daltonismo — análise de cores no navegador
Simula os tipos comuns de daltonismo para uma cor HEX. A cor é processada no seu navegador.
Perguntas frequentes
Como converto HEX para RGB?
Cada par HEX (RR, GG, BB) é convertido de hexadecimal para decimal, gerando os canais RGB. O conversor funciona na hora nos dois sentidos.
Os valores de cor são enviados para um servidor?
Não. Todos os cálculos de cor acontecem no navegador e nada é enviado a um servidor.