Ferramenta de conversão de código de cor

Ferramenta de cores com suporte à conversão mútua entre HEX / RGB / HSL / HSV. Basta selecionar do seletor de cores para gerar código CSS em cada formato simultaneamente. Razão de contraste calculada automaticamente.

100% Free No signup Browser-only 5 languages Dark mode

HEX

RGB

HSL

HSV

Formato CSS

Taxa de contraste

Fundo Branco (#FFF)

Fundo preto (#000)

WCAG AA: texto normal 4.5 ou superior · texto grande 3.0 ou superior / AAA: texto normal 7.0 ou superior

Variação de Tom

Se não funcionar corretamente ou a exibição estiver incorreta Formulário de contatoFavor nos informar a partir daqui.

📖 Como usar

1

Pick a color

Use the color picker or type HEX / RGB / HSL directly.
2

See all formats

HEX / RGB / RGBA / HSL / HSV / CMYK update instantly.
3

Check contrast ratio

WCAG contrast ratio (AA/AAA) against background is shown — essential for a11y.

❓ Perguntas frequentes

What are the WCAG contrast ratio requirements?

Normal text: AA 4.5:1, AAA 7:1. Large text (18pt+): AA 3:1, AAA 4.5:1.

Difference between HEX and RGB?

HEX (#FF5733) is hex representation of 3 bytes. RGB shows the same info in decimal. HEX is shortest for CSS/HTML; RGB is easier for alpha.

When to use HSL vs HSV?

HSL (hue/sat/lightness) is great for design-system tone ramps. HSV (hue/sat/value) is intuitive for color picker UIs.

Does it support Tailwind color palette?

We suggest the nearest Tailwind color (e.g., gray-500, blue-600) for the picked color.

🐛 Você encontrou um problema com esta ferramenta?

Completamente gratuito e sem registro. Até as etapas de reprodução são suficientes. Os relatos recebidos chegam diretamente aos operadores e servem como referência para correções.