Úteis — Tudo o que você precisa, em um só lugar.

Conversor de cores HEX, RGB e HSL

Converta cores entre HEX, RGB, HSL, HSV e CMYK, verifique o contraste WCAG e gere tons e sombras.

Como utilizar

  1. Escolha a cor no seletor ou digite em qualquer formato.
  2. Copie a conversão desejada.
  3. Verifique o contraste com texto branco e preto.
  4. Clique em um tom ou sombra para usá-lo.

Informações técnicas

  • Contraste conforme WCAG 2.x (luminância relativa sRGB).
  • CMYK é aproximação sem perfil ICC.

Ferramentas relacionadas

  • Gerador de variáveis CSS — Transforme uma paleta de cores em custom properties CSS (:root) ou em tema do Tailwind v3 e v4, com escala 50–900 opcional.
  • Gerador de gradiente CSS — Crie gradientes lineares, radiais e cônicos com várias paradas de cor e pré-visualização em tempo real.
  • Gerador de box-shadow — Crie sombras CSS com várias camadas, sombras internas, desfoque, expansão e opacidade, vendo o resultado ao vivo.
  • Analisador de URL — Decomponha uma URL em esquema, host, porta, caminho, parâmetros decodificados e fragmento, edite e reconstrua.
  • Analisador de User-Agent — Descubra navegador, motor, sistema operacional e tipo de dispositivo a partir de uma string User-Agent.
  • Comparador de JSON (JSON Diff) — Compare dois JSON e veja o que foi adicionado, removido ou alterado em cada caminho, com opção de ignorar a ordem de arrays.