Criado em 08/19/2025 17:20
UI Kit Accessibility Hypergrid
- Component Teal#028090
- Text Contrast Black#222222
- Screen White#f9f9f9
- Aria Purple#9d4edd
- Tooltip Yellow#ffd166
- Flow Green#06d6a0
- Wireframe Silver#ced4da
A paleta consiste em cores Luz, Escuro. Cores de destaque Component Teal #028090 e Tooltip Yellow #ffd166. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #222222 (mais escuro) a #F9F9F9 (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).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #028090, #06D6A0, #222222, #9D4EDD, #CED4DA, #F9F9F9, #FFD166
A paleta UI Kit Accessibility Hypergrid tem uma combinação de cores de códigos de 7:
HEX: #028090, RGB: (2, 128, 144); HEX: #222222, RGB: (34, 34, 34); HEX: #f9f9f9, RGB: (249, 249, 249)
HEX: #9d4edd, RGB: (157, 78, 221); HEX: #ffd166, RGB: (255, 209, 102); HEX: #06d6a0, RGB: (6, 214, 160)
HEX: #ced4da, RGB: (206, 212, 218)
Versão simplificada das cores da paleta
Sombra de Cerceta, Sombra de Preto, Sombra de whitesmoke, Sombra de darkorchid, Sombra de gold, Matiz de mediumaquamarine, Matiz de lightgrey
O esquema de cores foi criado por colorscheme
Códigos de cores na paleta
UI Kit Accessibility Hypergrid códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #028090 | #028090 | RGB(2, 128, 144) | Component Teal | — |
| #222222 | #222222 | RGB(34, 34, 34) | Text Contrast Black | Black Out |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Screen White | Doctor |
| #9d4edd | #9d4edd | RGB(157, 78, 221) | Aria Purple | — |
| #ffd166 | #ffd166 | RGB(255, 209, 102) | Tooltip Yellow | — |
| #06d6a0 | #06d6a0 | RGB(6, 214, 160) | Flow Green | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Wireframe Silver | — |
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 | Taxa de contraste |
#028090 | #9d4edd | 1.01 |
#f9f9f9 | #ffd166 | 1.36 |
#f9f9f9 | #06d6a0 | 1.79 |
#f9f9f9 | #ced4da | 1.41 |
#ffd166 | #06d6a0 | 1.3 |
#ffd166 | #ced4da | 1.03 |
Paleta de imagens UI Kit Accessibility Hypergrid png
Exportar paleta
Baixe a "UI Kit Accessibility Hypergrid" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: