Criado em 06/28/2025 20:12
Data Grid UI Framework
- Row Blue#3b82f6
- Cell Cream#fefce8
- Header Slate#475569
- Sort Mint#6ee7b7
- Filter Coral#fb7185
- Select Fog#f5f5f5
- Overflow Jet#0f172a
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Row Blue #3b82f6 e Filter Coral #fb7185. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #0F172A (mais escuro) a #F5F5F5 (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): #0F172A, #3B82F6, #475569, #6EE7B7, #F5F5F5, #FB7185, #FEFCE8
A paleta Data Grid UI Framework tem uma combinação de cores de códigos de 7:
HEX: #3b82f6, RGB: (59, 130, 246); HEX: #fefce8, RGB: (254, 252, 232); HEX: #475569, RGB: (71, 85, 105)
HEX: #6ee7b7, RGB: (110, 231, 183); HEX: #fb7185, RGB: (251, 113, 133); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #0f172a, RGB: (15, 23, 42)
Versão simplificada das cores da paleta
Matiz de dodgerblue, Matiz de ivory, Sombra de darkslateblue, Matiz de aquamarine, Matiz de lightcoral, Sombra de Preto
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Data Grid UI Framework códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Row Blue | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Cell Cream | — |
| #475569 | #475569 | RGB(71, 85, 105) | Header Slate | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Sort Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Filter Coral | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Select Fog | White Smoke |
| #0f172a | #0f172a | RGB(15, 23, 42) | Overflow Jet | — |
Contraste da Paleta de Cores
5 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 |
#3b82f6 | #fb7185 | 1.36 |
#fefce8 | #6ee7b7 | 1.47 |
#fefce8 | #f5f5f5 | 1.05 |
#6ee7b7 | #fb7185 | 1.76 |
#6ee7b7 | #f5f5f5 | 1.39 |
Paleta de imagens Data Grid UI Framework png
Exportar paleta
Baixe a "Data Grid UI Framework" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: