Do design para o código
Converter as cores de uma maqueta para HEX ou RGB é o passo obrigatório para as levar à folha de estilos.
Conversor de cor
Converte entre HEX, RGB, HSL e CMYK.
🔒 Este ficheiro é processado no teu navegador. Nunca é enviado para um servidor.
…
Para que serve
Uma mesma cor escreve-se de formas distintas conforme onde vai ser usada, e esta ferramenta traduz entre todas elas. HEX é o código de seis carateres habitual na web, RGB exprime a cor como mistura de vermelho, verde e azul, HSL descreve-a por tom, saturação e luminosidade, e CMYK é o sistema da impressão.
A conversão é precisa diariamente porque cada programa fala a sua língua. O designer entrega um HEX, a ferramenta de paginação pede RGB, a gráfica trabalha em CMYK e a folha de estilos aceita qualquer um dos três. Traduzir à mão é possível mas fastidioso e sujeito a erros.
O HSL merece menção à parte por ser o mais intuitivo para ajustar uma cor a olho. Manter o tom e subir a luminosidade dá uma variante mais clara da mesma cor, algo bem mais difícil de conseguir mexendo nos três números do RGB.
Como funciona
- Escolha uma cor com o seletor visual ou escreva diretamente o seu código HEX.
- A ferramenta calcula de imediato os equivalentes em RGB, HSL e CMYK.
- Copie o formato de que precisa para o seu design ou o seu código.
Quando usar
Preparar para gráfica
As cores de ecrã definem-se em RGB, mas a impressão trabalha em CMYK. A conversão dá o ponto de partida.
Criar variantes
Ajustando a luminosidade em HSL obtêm-se as versões clara e escura de uma cor de marca sem perder o tom.
Conselhos práticos
- A conversão para CMYK é a fórmula matemática padrão. Para impressão profissional, a gráfica pode pedir um perfil de cor específico.
- Nem todas as cores de ecrã se conseguem imprimir: os verdes e azuis muito saturados ficam sempre mais apagados em papel.
- Guarda as cores do teu projeto em HEX, o formato mais portátil.
- Antes de dar por boa uma cor para texto, confirma o contraste contra o fundo previsto.
Perguntas frequentes
Porque preciso de vários formatos de cor?
Cada contexto usa o seu: o CSS costuma usar HEX ou RGB, o design impresso usa CMYK, e o HSL é mais intuitivo para ajustar tom e luminosidade à mão.
A conversão para CMYK é exata?
É uma conversão matemática padrão RGB→CMYK; para impressão profissional, a gráfica pode exigir um perfil de cor específico diferente.