Entrada de cor
Digite um código de cor
Exemplos: #336699CC, rgb(51 102 153 / 80%), hsl(210 50% 40%), hwb(210 20% 40%), cmyk(67%, 33%, 0%, 40%) ou rebeccapurple.
Pronto.
Ferramenta de design web
Conversor de cores
Converta HEX, RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK e nomes comuns com validação rigorosa, prévia alfa, cópia e contraste WCAG conforme o fundo.
HEX · RGB · HSL · HWB
#336699rgb(51, 102, 153)
Valores convertidos
Formatos de cor
HEX#336699
RGBrgb(51, 102, 153)
RGBArgba(51, 102, 153, 1)
HSLhsl(210, 50%, 40%)
HSLAhsla(210, 50%, 40%, 1)
HSVhsv(210, 66.7%, 60%)
HWBhwb(210 20% 40% / 1)
CMYKcmyk(66.7%, 33.3%, 0%, 40%)
Variável CSS--color: rgba(51, 102, 153, 1);
Acessibilidade
Verificador de contraste
Sobre branco6.00:1
Sobre preto3.50:1
Sobre fundo personalizado6.00:1
Luminância relativa0.1251
Texto sugeridoUse texto branco para obter contraste mais forte.
Cores transparentes são compostas sobre cada fundo antes do cálculo da relação WCAG.
Tabela de cores
| Cor | Nome | HEX | RGB | HSL |
|---|---|---|---|---|
| Preto | #000000 | 0, 0, 0 | 0, 0%, 0% | |
| Branco | #FFFFFF | 255, 255, 255 | 0, 0%, 100% | |
| Vermelho | #FF0000 | 255, 0, 0 | 0, 100%, 50% | |
| Verde-limão | #00FF00 | 0, 255, 0 | 120, 100%, 50% | |
| Azul | #0000FF | 0, 0, 255 | 240, 100%, 50% | |
| Amarelo | #FFFF00 | 255, 255, 0 | 60, 100%, 50% | |
| Ciano | #00FFFF | 0, 255, 255 | 180, 100%, 50% | |
| Magenta | #FF00FF | 255, 0, 255 | 300, 100%, 50% | |
| Cinza | #808080 | 128, 128, 128 | 0, 0%, 50% |
Notas de conversão
HEXHEX aceita três, quatro, seis ou oito dígitos; o último par do HEX de oito dígitos armazena alfa.
RGBRGB aceita vírgulas tradicionais, espaços modernos, porcentagens e alfa com barra, com validação rigorosa dos intervalos.
HSL / HSV / HWBHSL, HSV e HWB compartilham um ângulo de matiz, mas descrevem saturação, valor, luminosidade, brancura e negrura.
CMYKCMYK é uma estimativa de impressão derivada de RGB; impressão precisa requer perfil ICC.
WCAGWCAG usa luminância relativa: texto normal exige 4,5:1 para AA e 7:1 para AAA; texto grande exige 3:1 para AA.
Conversões populares
Perguntas frequentes
Quais formatos são aceitos?
HEX, RGB, RGBA, HSL, HSLA, HSV ou HSB, HWB, CMYK, transparent e nomes CSS comuns.
Posso usar sintaxe CSS moderna?
Sim. RGB e HSL aceitam canais separados por espaços, alfa com barra, porcentagens e ângulos deg, rad, grad e turn.
Como a transparência entra no contraste?
A cor é primeiro composta sobre branco, preto ou o fundo escolhido e depois a relação WCAG é calculada.
CMYK é exato para impressão?
Não. É uma estimativa prática; impressão precisa depende de perfis ICC, tinta, papel e processo.