Carregando ferramenta…

Ferramenta de cores completa

Na web, uma mesma cor pode ser escrita em vários formatos. Designers costumam trabalhar com HEX, enquanto alguns frameworks CSS pedem valores em RGB ou HSL. Esta ferramenta resolve isso convertendo qualquer cor na hora.

  • HEX: o formato padrão de cores na web (ex.: #007bff).
  • RGB: valores de vermelho, verde e azul (usados em variáveis CSS).
  • HSL: matiz, saturação e luminosidade (ótimo para manipular cores no código).
  • CMYK: ciano, magenta, amarelo e preto, usados em impressão gráfica.

Gerador de tons

Precisa de um fundo mais claro ou de uma borda mais escura para o seu botão? Digite a cor principal da sua marca e a ferramenta gera automaticamente uma escala de tons mais escuros e mais claros. Perfeito para a configuração do Tailwind CSS ou para um design system.