Criado em 06/09/2025 16:37
Modern CSS Grid Essentials
Gridline Blue
#0288d1
Container Mint
#26a69a
Gap Coral
#ff8a65
Breakpoint Gray
#b0bec5
Align Yellow
#ffeb3b
Baseline Black
#212121
Flex White
#fafafa
A paleta consiste em cores Luz, Escuro. Cores de destaque Gridline Blue #0288d1 e Align Yellow #ffeb3b. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta Modern CSS Grid Essentials tem uma combinação de cores de códigos de 7:
HEX: #0288d1, RGB: (2, 136, 209); HEX: #26a69a, RGB: (38, 166, 154); HEX: #ff8a65, RGB: (255, 138, 101)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #212121, RGB: (33, 33, 33)
HEX: #fafafa, RGB: (250, 250, 250)
Versão simplificada das cores da paleta
Matiz de steelblue, Matiz de lightseagreen, Sombra de coral, Matiz de Prata, Matiz de Amarelo, Sombra de Preto, Sombra de whitesmoke
O esquema de cores foi criado por hex
Códigos de cores na paleta
Modern CSS Grid Essentials códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #0288d1 | #0288d1 | RGB(2, 136, 209) | Gridline Blue | — |
| #26a69a | #26a69a | RGB(38, 166, 154) | Container Mint | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Gap Coral | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Breakpoint Gray | Ocean Drive |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Align Yellow | — |
| #212121 | #212121 | RGB(33, 33, 33) | Baseline Black | Lead |
| #fafafa | #fafafa | RGB(250, 250, 250) | Flex White | Dr. White |
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 |
#0288d1 | #26a69a | 1.28 |
#0288d1 | #ff8a65 | 1.66 |
#26a69a | #ff8a65 | 1.29 |
#26a69a | #b0bec5 | 1.57 |
#ff8a65 | #b0bec5 | 1.21 |
#ff8a65 | #ffeb3b | 1.89 |
