Conversor de cores

Escreva ou escolha uma cor e veja-a em HEX, RGB, HSL e OKLCH ao mesmo tempo, pronta a copiar para CSS, ferramentas de design ou código. Mostra se o texto fica melhor a preto ou a branco sobre ela.

Funciona no seu navegador. Os ficheiros nunca são enviados nem guardados.

Texto de exemplo
HEX
RGB
HSL
OKLCH

Verificar contraste de cores

Algo não funciona, ou falta uma opção?

Como usar: Conversor de cores

  1. Escreva uma cor em qualquer formato, ou escolha uma.
  2. Veja-a em todos os formatos de uma vez.
  3. Copie o que precisa.

Perguntas

O que é OKLCH?

Um formato de cor de CSS mais recente em que passos iguais de luminosidade parecem iguais aos olhos, o que facilita criar escalas de cor. Todos os navegadores modernos o suportam.

Os meus ficheiros são enviados?

Não. A ferramenta funciona dentro do seu navegador e a página está impedida de enviar dados para qualquer lado. Pode confirmar desligando a internet: continua a funcionar.

Componentes de código aberto

Esta ferramenta usa apenas funcionalidades do seu navegador: sem código de terceiros.

Textos completos das licenças