Criado em 07/14/2025 08:03
Reactive Data Grid Interface Kit
- Row Cream#fff6e0
- Cell Blue#50bfe6
- Filter Graphite#2f2f2f
- Header Rose#ffb3ab
- Sort Mint#c1fba4
- Grid White#fdfdfd
A paleta consiste em cores Luz, Escuro. Cores de destaque Row Cream #fff6e0 e Cell Blue #50bfe6. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #2F2F2F (mais escuro) a #FDFDFD (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): #2F2F2F, #50BFE6, #C1FBA4, #FDFDFD, #FFB3AB, #FFF6E0
A paleta Reactive Data Grid Interface Kit tem uma combinação de cores de códigos de 6:
HEX: #fff6e0, RGB: (255, 246, 224); HEX: #50bfe6, RGB: (80, 191, 230); HEX: #2f2f2f, RGB: (47, 47, 47)
HEX: #ffb3ab, RGB: (255, 179, 171); HEX: #c1fba4, RGB: (193, 251, 164); HEX: #fdfdfd, RGB: (253, 253, 253)
Versão simplificada das cores da paleta
Matiz de cornsilk, Sombra de deepskyblue, Sombra de Preto, Matiz de lightpink, Sombra de palegreen, Matiz de Branco
O esquema de cores foi criado por hex
Códigos de cores na paleta
Reactive Data Grid Interface Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #fff6e0 | #fff6e0 | RGB(255, 246, 224) | Row Cream | — |
| #50bfe6 | #50bfe6 | RGB(80, 191, 230) | Cell Blue | — |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Filter Graphite | — |
| #ffb3ab | #ffb3ab | RGB(255, 179, 171) | Header Rose | — |
| #c1fba4 | #c1fba4 | RGB(193, 251, 164) | Sort Mint | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Grid White | Brilliance |
Contraste da Paleta de Cores
9 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 |
#fff6e0 | #50bfe6 | 1.96 |
#fff6e0 | #ffb3ab | 1.58 |
#fff6e0 | #c1fba4 | 1.1 |
#fff6e0 | #fdfdfd | 1.05 |
#50bfe6 | #ffb3ab | 1.23 |
#50bfe6 | #c1fba4 | 1.77 |
Paleta de imagens Reactive Data Grid Interface Kit png
Exportar paleta
Baixe a "Reactive Data Grid Interface Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: