EDIÇÃO ATLAS / Paleta de cores

Paleta Editorial · Escuro · #006DF7

Uma paleta Escuro de 6 cores com relações de matiz Complementar, a partir de #006DF7. As amostras reais são #006DF7 · #FF9208 · #C7DFFD · #00295E · #101115 · #F5F3EC. O primeiro plano #F5F3EC sobre o fundo #101115 apresenta contraste medido de 16,99:1.

REPRODUTÍVEL POR CONCEÇÃO

A receita, à vista.

Cor de origem
#006DF7 ↗
Versão do motor
1.0.0-colorjs-0.7.1
Semente determinística
28151
Espaço de cor
sRGB opaco
NOTAS DE TRABALHO

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.

AS AMOSTRAS REAIS

Códigos, funções e contraste do texto.

FunçãoPassaporte de corTexto pretoTexto branco
Origem#006DF7 ↗4,53:1 · Cumpre AA normal4,64:1 · Cumpre AA normal
Destaque#FF9208 ↗9,37:1 · Cumpre AA normal2,24:1 · Não cumpre AA normal
Tom claro#C7DFFD ↗15,40:1 · Cumpre AA normal1,36:1 · Não cumpre AA normal
Tom escuro#00295E ↗1,48:1 · Não cumpre AA normal14,20:1 · Cumpre AA normal
Fundo#101115 ↗1,11:1 · Não cumpre AA normal18,87:1 · Cumpre AA normal
Primeiro plano#F5F3EC ↗18,91:1 · Cumpre AA normal1,11:1 · Não cumpre AA normal
:root {
  --seed: #006df7;
  --accent: #ff9208;
  --tint: #c7dffd;
  --shade: #00295e;
  --background: #101115;
  --foreground: #f5f3ec;
}