Quais formatos são aceitos?

HEX de 3, 4, 6 ou 8 dígitos (#rgb, #rgba, #rrggbb, #rrggbbaa) e funções rgb()/rgba(). O octeto de 8 dígitos inclui o canal alfa (ex.: #f7c94899).

O que acontece com código inválido?

Um alerta discreto indica a heresia: formatos fora do padrão são ignorados e a última cor válida permanece no altar do preview.

Posso usar o seletor de cores do navegador?

Sim. O picker nativo de cor está integrado, e também há amostras rápidas para peregrinar pelo espectro sem digitar nada.

SaintJSONFerramentas sagradas para devs

Ferramenta sagrada

Conversor de Cores Online Grátis

Converta cores entre HEX e RGBA em tempo real. Seletor visual com amostras e código CSS pronto para copiar. 100% client-side e sem upload.

O Espectro Divino

A cor revelada: #f7c948

HEX

RGBA

Digite em um campo e o outro se purifica na hora. Aceito: #rgb, #rgba, #rrggbb, #rrggbbaa e rgba(r, g, b, a).

O Código Sagrado da cor selecionada

color: #f7c948;
background-color: rgba(247, 201, 72, 1);

Conversor de Cores: O Espectro Divino

HEX e RGBA são duas escritas para a mesma verdade cromática. Digite em um campo e o outro se purifica na hora — com um bloco visual que reza a cor selecionada. Perfeito para designers que alternam entre Figma, CSS e o próprio código.

Como funciona

1. Digite um HEX (#rrggbb ou #rrggbbaa) ou um RGBA (rgba(r, g, b, a)).

2. O outro formato se atualiza sozinho, milagrosamente.

3. Use o seletor nativo ou as amostras para experimentar o espectro.

Quando usar

Traduzir cores entre design tools e CSS, ajustar opacidade de overlays, gerar tons com alpha para glassmorphism e qualquer ocasião em que a cor precisa mudar de roupagem.