Ir para o conteúdo
Conversor de horários de início da Copa do Mundo já está disponívelVeja os inícios no seu fuso horário e adicione lembretes ao calendário.
Logo do CrateX.app

CrateX.app

Conversor de formatos de cor

Converta uma cor localmente entre HEX, RGB, HSL e CMYK de 6 dígitos com um seletor de cores, cor aleatória, visualização ao vivo, controles de canal e strings CSS prontas para cópia.

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
3
Copie a cadeia CSS HEX, RGB, HSL ou CMYK

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 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: 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, os valores dos canais, as configurações de saída, a precisão decimal, a preferência por HEX em maiúsculas, a preferência de pré-visualização e a lista de cores recentes podem permanecer na sessão atual do navegador ou no armazenamento do navegador. Se você salvar um espaço de trabalho ou ativar a sincronização WebDAV, a cor atual e as configurações poderão ser salvas conforme suas configurações de sincronização; as cores recentes não são sincronizadas pelo WebDAV. As strings HEX, RGB, HSL e CMYK são recalculadas a partir da cor atual e das configurações, e não são armazenadas como resultados separados. Esta página não lê imagens, não amostra a tela, não busca URLs nem envia cores para conversão no servidor. Em dispositivos compartilhados, limpe cores, configurações e dados do site quando necessário.

Perguntas frequentes

5

Continue com estas ferramentas relacionadas na próxima etapa.

Recursos

Guias

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.