Conversor de cores
Escolha uma cor ou digite um valor, e o FileTinker a converte entre HEX, RGB e HSL em tempo real. Todos os campos são editáveis e cada valor fica pronto para colar no CSS. Tudo funciona no seu navegador.
Converter entre formatos
Vá direto para uma conversão específica — cada uma abre sua própria página pronta para uso:
Como converter uma cor
- Escolha uma cor com a amostra ou digite um valor HEX, RGB ou HSL em qualquer campo.
- Os outros formatos se atualizam na hora, conforme você digita.
- Copie o formato que precisar — cada valor fica pronto para colar no CSS ou em uma ferramenta de design.
Sobre os formatos de cor
HEX, RGB e HSL são três notações para as mesmas cores na tela. O HEX (como #3366ff) é compacto e comum em marcação; o RGB detalha os canais de vermelho, verde e azul de 0 a 255; o HSL descreve matiz, saturação e luminosidade, o que é intuitivo quando você quer montar uma paleta ou ajustar um tom no olho. Converter entre eles é tarefa do dia a dia no design web e gráfico.
Esta ferramenta mantém os três sincronizados conforme você edita qualquer um deles e oferece uma pré-visualização ao vivo e um seletor de cores nativo. Como funciona totalmente no seu navegador, é instantânea e privada — útil para combinar cores de marca, criar variáveis CSS ou capturar um tom na hora.
Perguntas frequentes
Como converter HEX para RGB ou HSL?
Digite ou cole um valor HEX (ou escolha uma cor com a amostra) e os campos RGB e HSL se atualizam na hora. Todos os campos funcionam nos dois sentidos, então você pode começar por qualquer formato e ler os outros. Copie o que precisar.
Qual a diferença entre HEX, RGB e HSL?
Eles descrevem a mesma cor de formas diferentes. HEX e RGB definem as quantidades de vermelho, verde e azul (HEX em hexadecimal, RGB em números de 0 a 255). Já o HSL usa matiz, saturação e luminosidade, o que facilita deixar uma cor mais clara, mais escura ou mais suave manualmente.
Os valores estão prontos para usar no CSS?
Sim. Os valores HEX, rgb(...) e hsl(...) são escritos exatamente como o CSS espera, então você pode colar qualquer um deles direto numa folha de estilo ou em uma ferramenta de design.
Algo é enviado?
Não. Toda a matemática da conversão funciona no seu navegador; nada é enviado para lugar nenhum.