Criado em 07/05/2025 13:49
Adaptive Layout Design Tokens
- Responsive Aqua#81e1e1
- Viewport Cream#fffbe6
- Grid Shadow#d8d8d8
- Breakpoint Navy#1f3a93
- Fluid Black#2a2a2a
A paleta consiste em cores Luz, Escuro. Cores de destaque Viewport Cream #fffbe6 e Breakpoint Navy #1f3a93. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2A2A2A (mais escuro) a #FFFBE6 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #1F3A93, #2A2A2A, #81E1E1, #D8D8D8, #FFFBE6
A paleta Adaptive Layout Design Tokens tem uma combinação de cores de códigos de 5:
HEX: #81e1e1, RGB: (129, 225, 225); HEX: #fffbe6, RGB: (255, 251, 230); HEX: #d8d8d8, RGB: (216, 216, 216)
HEX: #1f3a93, RGB: (31, 58, 147); HEX: #2a2a2a, RGB: (42, 42, 42)
Versão simplificada das cores da paleta
Matiz de paleturquoise, Sombra de cornsilk, Sombra de lightgrey, Matiz de darkslateblue, Sombra de Preto
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Adaptive Layout Design Tokens códigos de cores HEX, informações RGB na tabela
Contraste da Paleta de Cores
4 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#81e1e1 | #fffbe6 | 1.46 |
#81e1e1 | #d8d8d8 | 1.06 |
#fffbe6 | #d8d8d8 | 1.37 |
#1f3a93 | #2a2a2a | 1.42 |
Paleta de imagens Adaptive Layout Design Tokens png
Exportar paleta
Baixe a "Adaptive Layout Design Tokens" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: