Conversor de cores
Converta cores entre HEX, RGB, HSL e CMYK instantaneamente no seu navegador. Seletor e conversor de cores gratuito, 100% privado.
1
HEX
#00E695
RGB
rgb(0, 230, 149)
RGBA
rgba(0, 230, 149, 1)
HSL
hsl(159, 100%, 45%)
HSLA
hsla(159, 100%, 45%, 1)
HSV
hsv(159, 100%, 90%)
HSVA
hsva(159, 100%, 90%, 1)
CMYK
cmyk(100%, 0%, 35%, 10%)
CMYKA
cmyka(100%, 0%, 35%, 10%, 1)
Funcionalidades
100% no navegador
Todas as conversões de cores acontecem no seu navegador. Seus dados nunca saem do seu dispositivo.
Grátis e sem cadastro
Sem registro, sem limites, sem taxas ocultas.
Resultados instantâneos
Conversão em tempo real enquanto você digita — veja todos os formatos atualizados ao vivo.
Seletor visual de cores
Selecione cores visualmente com um seletor integrado e veja os valores HEX, RGB, HSL e CMYK simultaneamente.
Como funciona o conversor de cores?
- Escolha seu formato de entrada — HEX, RGB, HSL ou CMYK — e insira o valor da cor.
- O conversor exibe instantaneamente sua cor em todos os outros formatos enquanto você digita.
- Use o seletor visual para escolher uma cor clicando no espectro ou inserindo valores diretamente.
- Copie qualquer valor convertido para a área de transferência com um clique, pronto para colar no CSS ou ferramenta de design.
- Experimente livremente — ToolsMio processa tudo no seu navegador, seus dados de cor permanecem privados.
Casos de uso comuns
Web design e CSS
Converta cores HEX para RGB ou HSL para propriedades CSS como rgba() e hsla() que suportam transparência. ToolsMio torna a troca de formato instantânea.
Conformidade com guias de marca
Garanta a consistência das cores da marca convertendo entre formatos HEX, RGB e CMYK usados por diferentes ferramentas de design e impressão.
Verificação de acessibilidade
Converta cores para HSL para analisar melhor luminosidade e saturação visando conformidade de contraste WCAG e designs acessíveis.
Entrega de design multiplataforma
Desenvolvedores e designers usam formatos diferentes. Converta rapidamente entre formatos para conectar valores HEX do Figma com RGB no código.
O que você deve saber sobre conversão de cores?
- ✓ HEX e RGB representam a mesma cor em notações diferentes — HEX é a forma abreviada dos valores RGB em hexadecimal. ToolsMio converte sem perdas entre eles.
- ✓ HSL (Tom, Saturação, Luminosidade) costuma ser mais intuitivo para ajustar cores porque cada canal corresponde a um atributo perceptível pelo ser humano.
- ✓ CMYK é usado principalmente para impressão. As cores podem parecer diferentes na tela vs. impressão devido aos gamuts diferentes entre RGB e CMYK.
- ✓ Sempre verifique as razões de contraste ao escolher cores de texto sobre fundos. WCAG 2.1 exige pelo menos 4,5:1 para texto normal e 3:1 para texto grande.
- ✓ Ao usar rgba() no CSS, o valor alfa varia de 0 (totalmente transparente) a 1 (totalmente opaco), dando controle preciso sobre a transparência.
Perguntas Frequentes
Meus dados são enviados a algum servidor?
Não. Todas as conversões de cores são realizadas inteiramente no seu navegador usando JavaScript. Nenhum dado é carregado ou enviado a qualquer servidor. Quando você insere um código HEX ou seleciona uma cor, seu navegador calcula localmente os valores equivalentes em RGB, HSL e CMYK sem fazer nenhuma solicitação de rede. Isso significa que suas escolhas de cores permanecem completamente privadas — nada é registrado, armazenado ou analisado do nosso lado. Mesmo se você estiver trabalhando com cores de marca proprietárias ou sistemas de design confidenciais, pode usar o ToolsMio com total confiança de que seus dados permanecem no seu dispositivo. A ferramenta funciona offline assim que a página é carregada, para que você possa continuar convertendo cores mesmo sem conexão à internet. Sua privacidade é nossa prioridade.
Quais formatos de cores são suportados?
O ToolsMio suporta a conversão entre quatro formatos principais de cores: HEX, RGB, HSL e CMYK. HEX é a notação padrão usada em CSS e HTML, representando cores como um código de seis caracteres como #FF5733. RGB (Vermelho, Verde, Azul) expressa cores como três valores numéricos de 0 a 255, comumente usados em programação e design digital. HSL (Matiz, Saturação, Luminosidade) fornece uma maneira mais intuitiva de descrever cores com base na percepção humana, facilitando a criação de variações ajustando luminosidade ou saturação. CMYK (Ciano, Magenta, Amarelo, Chave/Preto) é o modelo de cor usado em impressão profissional e design gráfico. Ao suportar todos os quatro formatos, o ToolsMio faz a ponte entre o design de tela e a produção de impressão, garantindo que suas cores permaneçam consistentes em cada meio e fluxo de trabalho.
Como converter HEX para RGB?
Converter HEX para RGB é simples com o ToolsMio. Basta colar ou digitar seu código de cor HEX no campo de entrada — por exemplo, #00E5A0 — e os valores RGB correspondentes serão exibidos instantaneamente. A ferramenta analisa o código HEX de seis caracteres, dividindo-o em três pares que representam os canais vermelho, verde e azul, e converte cada par de hexadecimal para seu equivalente decimal. Você também pode usar o seletor de cores integrado para escolher uma cor visualmente em vez de digitar um código. Basta clicar no espectro de cores ou inserir valores específicos, e todas as conversões de formato são atualizadas em tempo real. Se você preferir um formato de partida diferente, pode inserir valores RGB, HSL ou CMYK diretamente e o equivalente HEX aparecerá ao lado. Copie qualquer resultado para a área de transferência com um único clique para uso instantâneo no seu CSS ou ferramentas de design.
Inclui um seletor de cores?
Sim! O ToolsMio inclui um seletor visual de cores totalmente interativo que torna a seleção e exploração de cores sem esforço. Você pode clicar em qualquer lugar do espectro de cores para escolher um matiz e, em seguida, ajustar a luminosidade e a saturação usando o controle deslizante. Conforme você move o seletor, todos os quatro formatos de cor — HEX, RGB, HSL e CMYK — são atualizados em tempo real, para que você possa ver exatamente como a mesma cor é representada em diferentes sistemas. Isso é especialmente útil quando você precisa corresponder a uma cor específica de um mockup de design ou fotografia. Você também pode refinar sua seleção digitando valores precisos diretamente em qualquer um dos campos de formato. O seletor de cores funciona inteiramente no seu navegador sem dependência de servidor, oferecendo feedback instantâneo e privacidade completa enquanto você experimenta diferentes combinações de cores para seus projetos.