Ir para o conteúdo
Logo do CrateX.app

CrateX.app

Conversor de formatos de cor

Converta localmente uma cor entre HEX de 6 dígitos (#RRGGBB), RGB, HSL e CMYK com seletor de cores, cor aleatória, visualização ao vivo, controles de canal, valores CSS HEX/RGB/HSL prontos para copiar e uma notação CMYK de referência.

HEX

#

RGB

HSL

CMYK

Conversor de formatos de cor

Início rápido

1
Insira HEX de 6 dígitos ou canais RGB/HSL/CMYK
2
Use o seletor ou uma cor aleatória e confira os valores sincronizados

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

converta a cor da tela para CMYK como uma primeira estimativa e depois confirme com a prova e o fluxo de trabalho de impressão

Acessibilidade

use a visualização apenas para uma verificação visual rápida; use uma ferramenta de contraste dedicada para proporções exatas

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

Regras de entrada: HEX suporta apenas 6 dígitos (#RRGGBB, não #RGB, #RGBA, #RRGGBBAA ou alfa); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. A entrada não diferencia maiúsculas de minúsculas
Pré‑visualização: no desktop há pré‑visualização à direita; no mobile não é exibida
Seletor de cores: use o seletor no cartão HEX.
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 gera valores CSS HEX, RGB e HSL padronizados (HEX em maiúsculas), ou a notação CMYK de referência cmyk(...)

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: os valores dependem de perfis ICC, papel, tinta, dispositivos e provas; use isso como referência, não como um valor pronto para impressão
Sem alfa: esta ferramenta não processa valores de transparência, rgba(), hsla(), #RGBA ou #RRGGBBAA.
Subconjunto de cores CSS: cores nomeadas, transparente, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), cores relativas, color-mix() e contrast-color() estão fora desta ferramenta
Nenhuma ferramenta de imagem ou paleta: esta página não faz amostragem de imagem, conta-gotas de tela, geração de paleta, geração de gradiente, verificações de taxa de contraste, exportação de variável CSS ou exportação de token de design

Privacidade e segurança

O processamento ocorre no navegador. A cor atual pode permanecer na sessão atual do navegador. Se você salvar um espaço de trabalho ou ativar o WebDAV, a cor atual poderá ser salva ou sincronizada como parte desse espaço. As saídas derivadas, o histórico de desfazer e os erros temporários não são armazenados nem sincronizados como dados separados, e a ferramenta não mantém uma lista de cores recentes. Esta página não lê imagens, não captura amostras da tela, não busca URLs nem envia cores para conversão no servidor. Em dispositivos compartilhados, apague a cor e os dados do site quando necessário.

Perguntas frequentes

5

Continue com estas ferramentas relacionadas na próxima etapa.

Sobre

Sobre nós
Preços

Legal

Termos
Política de privacidade
Política de cookies

Preferências

Gerir Cookies

Todo o processamento das ferramentas acontece localmente no seu navegador.