Paleta Editorial · Escuro · #007165
Uma paleta Escuro de 6 cores com relações de matiz Complementar, a partir de #007165. As amostras reais são #007165 · #FF8E9A · #C7E0DD · #002B26 · #101115 · #F5F3EC. O primeiro plano #F5F3EC sobre o fundo #101115 apresenta contraste medido de 16,99:1.
A receita, à vista.
- Cor de origem
- #007165 ↗
- Versão do motor
- 1.0.0-colorjs-0.7.1
- Semente determinística
- 29029
- 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 | #007165 ↗ | 3,55:1 · Não cumpre AA normal | 5,92:1 · Cumpre AA normal |
| Destaque | #FF8E9A ↗ | 9,59:1 · Cumpre AA normal | 2,19:1 · Não cumpre AA normal |
| Tom claro | #C7E0DD ↗ | 15,13:1 · Cumpre AA normal | 1,39:1 · Não cumpre AA normal |
| Tom escuro | #002B26 ↗ | 1,37:1 · Não cumpre AA normal | 15,29: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: #007165;
--accent: #ff8e9a;
--tint: #c7e0dd;
--shade: #002b26;
--background: #101115;
--foreground: #f5f3ec;
}