Data-Driven UI Layer Stack
- Insight Teal#00bfa6
- Schema Dust#e5e5e5
- Pipeline Maroon#8c1c13
- Query Sky#a4e3f4
- Variable Yellow#ffea00
- Result Navy#1b263b
Criado em 06/25/2025 20:35
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Query Sky #a4e3f4 e Variable Yellow #ffea00. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #1B263B (mais escuro) a #FFEA00 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (3 de 6).
Códigos HEX (ordenados): #00BFA6, #1B263B, #8C1C13, #A4E3F4, #E5E5E5, #FFEA00
A paleta Data-Driven UI Layer Stack combina 6 códigos de cor:
HEX: #00bfa6, RGB: (0, 191, 166); HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #8c1c13, RGB: (140, 28, 19)
HEX: #a4e3f4, RGB: (164, 227, 244); HEX: #ffea00, RGB: (255, 234, 0); HEX: #1b263b, RGB: (27, 38, 59)
Versão simplificada das cores da paleta
Tom escuro de Verde-mar-claro, Tom claro de Gainsboro, Tom claro de Vermelho-escuro, Tom claro de Azul-claro, Tom claro de Dourado, Tom claro de Azul-meia-noite
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Data-Driven UI Layer Stack códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
7 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#00bfa6 | #e5e5e5 | 1.85 |
#00bfa6 | #a4e3f4 | 1.65 |
#00bfa6 | #ffea00 | 1.89 |
#e5e5e5 | #a4e3f4 | 1.12 |
#e5e5e5 | #ffea00 | 1.02 |
#8c1c13 | #1b263b | 1.65 |
Paleta de imagens Data-Driven UI Layer Stack png
Exportar paleta
Baixe a "Data-Driven UI Layer Stack" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: