#0077dd
Valores de cor Notações de cor — HEX (hexadecimal), RGB (luzes primárias), HSL (matiz/saturação/luminosidade), CMYK (tintas de impressão, aproximado).
- HEX
-
#0077dd - RGB
-
rgb(0, 119, 221) - HSL
-
hsl(208, 100%, 43%) - OKLCH
-
oklch(57.2% 0.179 253.5) - CMYK
-
100% 46% 0% 13%
- Luminância relativa Luminância relativa: o brilho de uma cor, de 0 (preto) a 1 (branco). É usada para calcular o contraste WCAG.
- 0,1841
- Matiz Matiz: o tipo de uma cor (vermelho, laranja, amarelo…). Dividimos o círculo cromático em 12 setores.
- Azul-celeste
- Nome mais próximo Nome mais próximo: o nome de cor padrão do CSS mais próximo desta cor.
- dodgerblue
Contraste
| Taxa Taxa de contraste: a diferença de brilho entre duas cores, de 1:1 a 21:1. Quanto maior, mais fácil de ler. | APCA (Lc) APCA: uma medida de contraste perceptual mais recente do rascunho do WCAG 3. O Lc vai de cerca de 0 a 106; quanto maior, mais fácil de ler. O sinal indica a polaridade (texto escuro sobre claro, ou claro sobre escuro). | |
|---|---|---|
| Como fundo | ||
| Texto branco | 4,48:1 | -76 |
| Texto preto | 4,68:1 | 34 |
| Como texto | ||
| Fundo branco | 4,48:1 | 70 |
| Fundo preto | 4,68:1 | -31 |
Harmonias de cores
Complementar Complementar: a cor oposta no círculo (180°). As duas se realçam mutuamente.
Análogas Análogas: vizinhas no círculo (cerca de ±15°). Formam uma paleta harmoniosa.
Complementar dividida Complementar dividida: as duas cores ao lado da complementar (180° ± 30°). Mais suave do que uma complementar direta.
Tétrade Tétrade: quatro cores espaçadas uniformemente em 90°. Boa para paletas com vários acentos.
Sombras e tons claros Sombras e tons claros: passos mais claros misturados ao branco (tints) e mais escuros misturados ao preto (shades).
Impressões Impressão: uma etiqueta para a sensação que uma cor evoca — quente, calma, vívida e assim por diante.
Prévia de uso
Como fundo (texto preto)
Como fundo (texto branco)
Como texto (fundo branco)
Como texto (fundo preto)
Experimente uma combinação
Fundo Texto