Digite a cor em qualquer formato
Informe a cor como HEX (#FF5733 ou #F53), como RGB (rgb(255,87,51)) ou como HSL (hsl(14,100%,60%)). O conversor detecta o formato automaticamente.
Conversor de Cores
Converta cores entre HEX, RGB e HSL. Visualize a amostra e copie os valores para seu projeto.
Cor de entrada
Entenda o conversor de cores
A ferramenta identifica automaticamente o formato da cor digitada (HEX, RGB ou HSL), converte para os outros dois formatos e exibe uma amostra visual do resultado.
Veja os três formatos
O resultado mostra os valores equivalentes em HEX, RGB e HSL lado a lado. Ideal para copiar e colar diretamente no CSS, Figma, Photoshop ou qualquer ferramenta.
Amostra visual
Um swatch colorido é exibido junto ao resultado para conferência visual imediata. Assim você garante que a cor convertida é exatamente a que esperava antes de usar no projeto.
Dúvidas sobre conversão de cores
O conversor aceita três formatos: HEX (#RRGGBB ou #RGB), RGB (rgb(r, g, b) com valores de 0 a 255) e HSL (hsl(h, s%, l%) com matiz de 0 a 360 e saturação/luminosidade em percentual). Basta digitar a cor em qualquer um desses formatos e o conversor mostra os três equivalentes.
HEX é a notação hexadecimal usada em CSS e design web (#FF5733). RGB define a cor pela intensidade de vermelho, verde e azul (0-255). HSL define a cor por matiz (0-360°), saturação (0-100%) e luminosidade (0-100%). Cada formato tem vantagens: HEX é compacto, RGB é intuitivo para programação e HSL facilita ajustes visuais de tom e brilho.
Sim. Após a conversão, o resultado inclui um swatch (amostra visual) com a cor convertida, além dos valores nos três formatos (HEX, RGB e HSL). Isso facilita a conferência visual antes de copiar o valor para o seu projeto.
Sim. Designers, desenvolvedores e equipes de marketing frequentemente precisam converter cores entre formatos. O conversor da OneToolBox permite que todos trabalhem com o mesmo valor de cor, independente do formato preferido de cada ferramenta ou plataforma utilizada pela equipe.
Alinhe equipes de design com padrões de cor
DESIGN E DESENVOLVIMENTO
Como padronizar cores entre designers e desenvolvedores
Um dos problemas mais recorrentes em equipes multidisciplinares é a inconsistência de cores entre o design e a implementação. O designer define uma cor no Figma usando HSL, o desenvolvedor front-end precisa do valor em HEX para o CSS, e o time de marketing pede o RGB para um material impresso. Sem uma ferramenta de conversão, cada profissional acaba interpretando a cor à sua maneira.
O conversor de cores da OneToolBox resolve esse problema de forma simples: basta digitar a cor em qualquer formato (HEX, RGB ou HSL) e o resultado mostra imediatamente os três equivalentes, acompanhados de uma amostra visual para conferência. Isso garante que todos os envolvidos estejam usando exatamente a mesma cor.
Essa padronização é especialmente importante para marcas que mantêm um guia de identidade visual. Ao documentar as cores oficiais nos três formatos, a equipe elimina dúvidas e evita variações acidentais que prejudicam a consistência visual da marca em diferentes plataformas.
Use a ferramenta sempre que precisar traduzir uma cor de um formato para outro. Em poucos segundos, você tem os valores prontos para copiar e colar no seu editor de código, ferramenta de design ou apresentação.