Criado em 08/14/2025 14:53
Accessible Luminance Data Grid
- Axis Blue#0288d1
- Row Green#4caf50
- Column Yellow#fbc02d
- Highlight Pink#ff80ab
- Gridline Grey#bdbdbd
- Background White#ffffff
A paleta consiste em cores Luz. Cores de destaque Axis Blue #0288d1 e Highlight Pink #ff80ab. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #0288D1 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #0288D1, #4CAF50, #BDBDBD, #FBC02D, #FF80AB, #FFFFFF
A paleta Accessible Luminance Data Grid tem uma combinação de cores de códigos de 6:
HEX: #0288d1, RGB: (2, 136, 209); HEX: #4caf50, RGB: (76, 175, 80); HEX: #fbc02d, RGB: (251, 192, 45)
HEX: #ff80ab, RGB: (255, 128, 171); HEX: #bdbdbd, RGB: (189, 189, 189); HEX: #ffffff, RGB: (255, 255, 255)
Versão simplificada das cores da paleta
Matiz de steelblue, Matiz de mediumseagreen, Sombra de goldenrod, Sombra de hotpink, Matiz de Prata, Branco
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Accessible Luminance Data Grid códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #0288d1 | #0288d1 | RGB(2, 136, 209) | Axis Blue | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Row Green | — |
| #fbc02d | #fbc02d | RGB(251, 192, 45) | Column Yellow | — |
| #ff80ab | #ff80ab | RGB(255, 128, 171) | Highlight Pink | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Gridline Grey | Gray74 |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background White | White |
Contraste da Paleta de Cores
10 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 |
#0288d1 | #4caf50 | 1.38 |
#0288d1 | #ff80ab | 1.63 |
#4caf50 | #fbc02d | 1.67 |
#4caf50 | #ff80ab | 1.18 |
#4caf50 | #bdbdbd | 1.47 |
#fbc02d | #ff80ab | 1.42 |
Paleta de imagens Accessible Luminance Data Grid png
Exportar paleta
Baixe a "Accessible Luminance Data Grid" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: