Ferramenta da Categoria Geradores

Color Picker e Conversor de formatos de cor (HEX, RGB, HSL)

Escolha cores e obtenha seus códigos equivalentes para projetos de design e front-end.

Inclui
  • Seletor visual de cores
  • Conversão para HEX, RGB, HSL e HSV
  • Amostra visual instantânea
  • Cópia rápida de CSS
  • Paleta de sugestões
Selecao de cores

Ajuste a cor visualmente e acompanhe os formatos em tempo real

Escolha uma cor pelo seletor nativo, refine manualmente HEX ou RGB e copie o formato pronto para usar em CSS, interfaces, design systems e documentacao.

Preview
#CD5C08

rgb(205, 92, 8)

Use o formato #RRGGBB.
HEX#CD5C08
RGBrgb(205, 92, 8)
HSLhsl(26, 92%, 42%)
Como funciona

Uma fonte única de verdade para todos os formatos

  1. 1. Escolha a cor pelo seletor visual ou preencha HEX/RGB manualmente.
  2. 2. A ferramenta válida os campos e sincroniza os formatos em tempo real.
  3. 3. O preview mostra a cor aplicada junto com o texto de contraste sugerido.
  4. 4. Copie HEX, RGB ou HSL de acordo com o contexto do projeto.
Boas praticas

Use a ferramenta para consistencia visual

  • Valide contraste antes de aplicar a cor em textos e componentes.
  • Mantenha um formato padrão para documentar tokens do design system.
  • Use HSL quando quiser ajustar matiz, saturacao e luminosidade com mais controle.
  • Copie os valores direto para CSS, Tailwind config ou bibliotecas de tema.