Color Converter & Palette Generator

Converta cores entre HEX, RGB, HSL e CMYK, gere paletas e verifique o contraste.

{{ line }}
Complementar
{{ col }}
Análogo
{{ col }}
Triádico
{{ col }}
Complementar dividido
{{ col }}
Texto de exemplo Texto branco
Relação de contraste: {{ whiteContrast }}:1
WCAG AA Texto normal: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Texto grande: {{ whiteContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Texto normal: {{ whiteContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Texto grande: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }}
Texto de exemplo Texto preto
Relação de contraste: {{ blackContrast }}:1
WCAG AA Texto normal: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Texto grande: {{ blackContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Texto normal: {{ blackContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Texto grande: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }}

O que é um conversor de cores?

Um conversor de cores permite a conversão instantânea de valores de cor entre diferentes espaços de cor como HEX, RGB, HSL e CMYK. Designers e desenvolvedores web usam diferentes formatos de cor dependendo do contexto.

Espaços de cor explicados: HEX, RGB, HSL, CMYK

HEX é um valor hexadecimal de 6 dígitos (#RRGGBB) comumente usado em CSS. RGB define cores por valores de Vermelho, Verde e Azul (0–255). HSL descreve cores por Matiz (0–360°), Saturação e Luminosidade. CMYK (Ciano, Magenta, Amarelo, Preto) é usado para impressão.

Teoria das cores e harmonias

As harmonias de cores são baseadas na posição das cores na roda cromática. Cores complementares são opostas (180°) e criam máximo contraste. Cores análogas são adjacentes (±30°) e parecem harmoniosas. Cores triádicas são equidistantes (120°). Complementares divididas usam os vizinhos do complementar.