Conversor de Cores
Converta cores entre HEX, RGB, HSL e CMYK instantaneamente no seu navegador. Seletor de cores e conversor gratuitos, 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.
Gratuito 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 sendo atualizados ao vivo.
Seletor de cores visual e conta-gotas de tela
Escolha cores visualmente com o seletor integrado ou pegue qualquer cor da sua tela inteira com um clique (Chrome/Edge no desktop) — todos os formatos são atualizados simultaneamente.
Como funciona o conversor de cores?
- Escolha o seu formato de entrada — HEX, RGB, HSL ou CMYK — e insira o valor da sua cor no campo de entrada.
- O conversor exibe instantaneamente a sua cor em todos os outros formatos suportados enquanto você digita.
- Use o seletor de cores visual para escolher uma cor clicando no espectro ou inserindo valores diretamente.
- Use o botão "Capturar da tela" (Chrome/Edge no desktop) para pegar qualquer cor visível na sua tela com um clique.
- Copie qualquer valor convertido para a área de transferência com um clique, pronto para colar no seu CSS ou na sua ferramenta de design.
- Experimente à vontade — o ToolsMio processa tudo no seu navegador, então seus dados de cores permanecem privados.
Casos de uso comuns
Design web e CSS
Converta cores HEX para RGB ou HSL para usar em propriedades CSS como rgba() e hsla(), que suportam transparência. O ToolsMio torna a troca entre formatos instantânea.
Conformidade com diretrizes de marca
Garanta que as cores da sua marca sejam consistentes entre plataformas convertendo entre os formatos HEX, RGB e CMYK usados por diferentes ferramentas de design e impressão.
Acessibilidade e verificação de contraste
Converta cores para HSL para analisar melhor a luminosidade e a saturação e garantir a conformidade de contraste do WCAG. Combine com ferramentas de taxa de contraste para criar designs acessíveis.
Entrega de design entre plataformas
Desenvolvedores e designers costumam usar formatos de cores diferentes. Converta rapidamente entre formatos para preencher a lacuna entre os valores HEX do Figma e os valores RGB do 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 abreviação dos valores RGB em hexadecimal. O ToolsMio converte entre eles sem perdas.
- ✓ HSL (matiz, saturação e luminosidade) costuma ser mais intuitivo para ajustar cores, porque cada canal corresponde a um atributo perceptível pelo olho humano.
- ✓ O CMYK é usado principalmente para impressão. As cores podem parecer diferentes na tela e na impressão devido às diferentes gamas de cores entre os espaços RGB e CMYK.
- ✓ Sempre verifique as taxas de contraste ao escolher cores de texto sobre fundos. O 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), permitindo um controle fino da transparência dos elementos.
Perguntas Frequentes
Meus dados são enviados para algum servidor?
Não. Todas as conversões de cores são realizadas inteiramente no seu navegador usando JavaScript. Nenhum dado é enviado ou carregado para qualquer servidor. Quando você insere um código HEX ou escolhe uma cor, seu navegador calcula localmente os valores equivalentes de RGB, HSL e CMYK, sem fazer nenhuma requisição de rede. Isso significa que suas escolhas de cores permanecem completamente privadas — nada é registrado, armazenado ou analisado do nosso lado. Mesmo que você esteja trabalhando com cores proprietárias de marcas 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 depois que a página é carregada, então você pode continuar convertendo cores mesmo sem conexão com a internet. Sua privacidade é a nossa prioridade.
Quais formatos de cores são suportados?
O ToolsMio suporta a conversão entre os quatro principais formatos de cores: HEX, RGB, HSL e CMYK. HEX é a abreviação padrão usada em CSS e HTML, representando cores como um código de seis caracteres, como #FF5733. RGB (vermelho, verde e azul) expressa cores como três valores numéricos de 0 a 255, sendo comumente usado em programação e design digital. HSL (matiz, saturação e luminosidade) oferece uma forma mais intuitiva de descrever cores com base na percepção humana, facilitando a criação de variações ao ajustar a luminosidade ou a saturação. CMYK (ciano, magenta, amarelo e key/preto) é o modelo de cores usado em impressão profissional e design gráfico. Ao suportar todos os quatro formatos, o ToolsMio preenche a lacuna entre o design para telas e a produção impressa, garantindo que suas cores permaneçam consistentes em todos os meios e fluxos 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 o 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 preferir um formato inicial diferente, você 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 imediato no seu CSS ou nas suas ferramentas de design.
Há um seletor de cores incluído?
Sim! O ToolsMio inclui um seletor de cores visual totalmente interativo que torna a escolha e a exploração de cores muito simples. 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 cores — HEX, RGB, HSL e CMYK — são atualizados em tempo real, permitindo ver exatamente como a mesma cor é representada em diferentes sistemas. Isso é especialmente útil quando você precisa reproduzir uma cor específica de um mockup de design ou de uma 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 total enquanto você experimenta diferentes combinações de cores para seus projetos.
Posso capturar uma cor de qualquer lugar da minha tela?
Sim. Clique no botão "Capturar da tela" ao lado do campo HEX para ativar o conta-gotas de tela, que é suportado no Chrome e no Edge no desktop. Seu cursor se transforma em uma lupa que pode capturar qualquer pixel da sua tela inteira — outras abas do navegador, outros aplicativos, fotos, qualquer coisa visível — sem tirar ou enviar uma captura de tela. Clique uma vez e a cor capturada preenche instantaneamente todos os campos de formato (HEX, RGB, HSL, CMYK e mais). Em navegadores que ainda não suportam a EyeDropper API, como Firefox e Safari, o botão é ocultado automaticamente e você pode simplesmente colar um código HEX ou usar o seletor visual. A captura acontece inteiramente no seu dispositivo — nenhuma imagem é capturada, armazenada ou transmitida para um servidor, mantendo o processo totalmente privado.