Ir para o conteúdo
Logo do CrateX.app

CrateX.app

Conversor de formatos de cor

Conversor de formatos de cor

Conversor de formatos de cor: Suporta conversão de formato de cor entre HEX, RGB, HSL e CMYK, fornece visualização em tempo real e seletor de cores. Conversão sincronizada automática, adequado para transferência de design, estilo CSS e unificação de guias de estilo.

HEX

#

RGB

HSL

CMYK
Conversor de formatos de cor

Início rápido

1
Escolher/introduzir: escreva qualquer formato suportado (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) ou use o seletor de cor
2
Conversão automática: ao introduzir num formato, os restantes actualizam‑se de imediato
3
Copiar: use o botão de cópia junto a cada formato para obter a cadeia normalizada

Cenários comuns

Handoff de design

converter HEX das maquetas para RGB/HSL de CSS

Guia de estilo

unificar formatos de cor e convenções de escrita na biblioteca de componentes

Referência de impressão

converter a cor da tela para CMYK como estimativa inicial (requer prova)

Acessibilidade

usar a pré‑visualização para uma leitura rápida do contraste (para rácios exactos, recorra a ferramenta dedicada)

Cenário adicional

rgb to hex, color picker e color code conversor podem ser tratados no mesmo fluxo para conferir o resultado antes de copiar ou exportar.

Parâmetros de conversão e exibição

Regras de entrada: HEX somente 6 dígitos (sem alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Insensível a maiúsculas/minúsculas
Pré‑visualização: no desktop há pré‑visualização à direita; no mobile não é exibida
Seletor de cor: botão de paleta no canto superior direito de cada cartão
Política de maiúsculas do HEX: saída normalizada em maiúsculas (ex.: #1E90FF); entrada insensível a maiúsculas/minúsculas; sem alternância
Ajuste fino: arraste as letras dos canais para esquerda/direita (Shift×10, Alt÷0.1)
Saída de cópia: o botão copiar gera strings padronizadas (HEX em maiúsculas)

Dicas de uso

Precisão: a gestão de cor varia por dispositivo; o conta‑gotas pode devolver valores ligeiramente diferentes entre aplicações
Alfa: os formatos actuais não incluem alfa; use rgba()/hsla() ou canal separado
Espaço de cor: na Web o padrão é sRGB; em P3/Display‑P3 valide com cuidado
Consistência: acordar em equipa um formato canónico no CSS (p.ex., HSL)

Limitações e compatibilidade

Variação por dispositivo: monitores/navegadores/SO gerem a cor de forma distinta; o aspecto pode variar
CMYK aproximado: valores indicativos; para impressão real utilize perfis ICC e fluxo dedicado
Sem alfa: esta ferramenta não processa transparência

Privacidade e segurança

Todo o processamento acontece localmente no navegador. Você pode substituir, limpar e processar novamente o conteúdo a qualquer momento.

Perguntas frequentes

5

Continue com estas ferramentas relacionadas na próxima etapa.