Criado em 06/13/2025 11:43
Responsive Layout Gridscape
- Breakpoint Blue#60a5fa
- Gutter Light#e5e7eb
- Column Charcoal#1e1e1e
- Offset Lilac#c3b1e1
- Gridline Yellow#fff685
- Baseline Coral#ff9b85
A paleta consiste em cores Luz, Escuro. Cores de destaque Breakpoint Blue #60a5fa e Gridline Yellow #fff685. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #1E1E1E (mais escuro) a #E5E7EB (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): #1E1E1E, #60A5FA, #C3B1E1, #E5E7EB, #FF9B85, #FFF685
A paleta Responsive Layout Gridscape tem uma combinação de cores de códigos de 6:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #1e1e1e, RGB: (30, 30, 30)
HEX: #c3b1e1, RGB: (195, 177, 225); HEX: #fff685, RGB: (255, 246, 133); HEX: #ff9b85, RGB: (255, 155, 133)
Versão simplificada das cores da paleta
Sombra de cornflowerblue, Sombra de gainsboro, Sombra de Preto, Matiz de thistle, Sombra de Cáqui, Sombra de darksalmon
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Responsive Layout Gridscape códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Breakpoint Blue | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Gutter Light | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Column Charcoal | — |
| #c3b1e1 | #c3b1e1 | RGB(195, 177, 225) | Offset Lilac | — |
| #fff685 | #fff685 | RGB(255, 246, 133) | Gridline Yellow | — |
| #ff9b85 | #ff9b85 | RGB(255, 155, 133) | Baseline Coral | — |
Contraste da Paleta de Cores
8 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 |
#60a5fa | #c3b1e1 | 1.29 |
#60a5fa | #ff9b85 | 1.24 |
#e5e7eb | #c3b1e1 | 1.58 |
#e5e7eb | #fff685 | 1.1 |
#e5e7eb | #ff9b85 | 1.65 |
#c3b1e1 | #fff685 | 1.75 |
Paleta de imagens Responsive Layout Gridscape png
Exportar paleta
Baixe a "Responsive Layout Gridscape" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: