Paleta Editorial · Escuro · #006DD2
Uma paleta Escuro de 6 cores com relações de matiz Complementar, a partir de #006DD2. As amostras reais são #006DD2 · #FF922D · #C7DFF5 · #002950 · #101115 · #F5F3EC. O primeiro plano #F5F3EC sobre o fundo #101115 apresenta contraste medido de 16,99:1.
A receita, à vista.
- Cor de origem
- #006DD2 ↗
- Versão do motor
- 1.0.0-colorjs-0.7.1
- Semente determinística
- 28114
- Espaço de cor
- sRGB opaco
Um ponto de partida que pode alterar.
O tom claro mistura 78% de branco e o escuro 62% de preto por interpolação dos canais sRGB, com um único arredondamento para 8 bits. Estes pesos não descrevem a luminosidade percetiva. O acento complementa os três canais RGB até ao valor máximo.
A ordem identifica as funções semânticas apresentadas abaixo. Compare cada amostra com o fundo previsto; a medição entre primeiro plano e fundo não certifica todos os pares. Abrir esta receita preserva os bloqueios de funções e as cores exatas.
Abrir esta edição restaura o projeto exato. Edite a paleta, mude de cena ou use as cores noutra ferramenta; todas as saídas continuam ligadas.
O par de primeiro plano e fundo tem 16,99:1. Verifica um par de texto, não uma avaliação WCAG completa.
Códigos, funções e contraste do texto.
| Função | Passaporte de cor | Texto preto | Texto branco |
|---|---|---|---|
| Origem | #006DD2 ↗ | 4,12:1 · Não cumpre AA normal | 5,10:1 · Cumpre AA normal |
| Destaque | #FF922D ↗ | 9,40:1 · Cumpre AA normal | 2,23:1 · Não cumpre AA normal |
| Tom claro | #C7DFF5 ↗ | 15,30:1 · Cumpre AA normal | 1,37:1 · Não cumpre AA normal |
| Tom escuro | #002950 ↗ | 1,43:1 · Não cumpre AA normal | 14,65:1 · Cumpre AA normal |
| Fundo | #101115 ↗ | 1,11:1 · Não cumpre AA normal | 18,87:1 · Cumpre AA normal |
| Primeiro plano | #F5F3EC ↗ | 18,91:1 · Cumpre AA normal | 1,11:1 · Não cumpre AA normal |
:root {
--seed: #006dd2;
--accent: #ff922d;
--tint: #c7dff5;
--shade: #002950;
--background: #101115;
--foreground: #f5f3ec;
}