Loading...
Criado em 07/13/2025 09:30
Cross-Platform Design Layer
- Platform Fog#e8e8e8
- Breakpoint Slate#5e6472
- Deploy Sand#dad2bc
- Gridline Graphite#3c3c3c
- Responsive Rose#ffb3c1
- Toast Olive#b5cda3
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Breakpoint Slate #5e6472 e Responsive Rose #ffb3c1. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #3C3C3C (mais escuro) a #E8E8E8 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Os matizes ficam numa faixa vizinha na roda (heurística).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #3C3C3C, #5E6472, #B5CDA3, #DAD2BC, #E8E8E8, #FFB3C1
A paleta Cross-Platform Design Layer tem uma combinação de cores de códigos de 6:
HEX: #e8e8e8, RGB: (232, 232, 232); HEX: #5e6472, RGB: (94, 100, 114); HEX: #dad2bc, RGB: (218, 210, 188)
HEX: #3c3c3c, RGB: (60, 60, 60); HEX: #ffb3c1, RGB: (255, 179, 193); HEX: #b5cda3, RGB: (181, 205, 163)
Versão simplificada das cores da paleta
Sombra de gainsboro, Matiz de dimgrey, Matiz de antiquewhite, Matiz de darkslategrey, Matiz de lightpink, Sombra de darkseagreen
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Cross-Platform Design Layer códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #e8e8e8 | #e8e8e8 | RGB(232, 232, 232) | Platform Fog | Unicorn Silver |
| #5e6472 | #5e6472 | RGB(94, 100, 114) | Breakpoint Slate | — |
| #dad2bc | #dad2bc | RGB(218, 210, 188) | Deploy Sand | — |
| #3c3c3c | #3c3c3c | RGB(60, 60, 60) | Gridline Graphite | — |
| #ffb3c1 | #ffb3c1 | RGB(255, 179, 193) | Responsive Rose | — |
| #b5cda3 | #b5cda3 | RGB(181, 205, 163) | Toast Olive | — |
Contraste da Paleta de Cores
7 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 |
#e8e8e8 | #dad2bc | 1.23 |
#e8e8e8 | #ffb3c1 | 1.37 |
#e8e8e8 | #b5cda3 | 1.4 |
#5e6472 | #3c3c3c | 1.86 |
#dad2bc | #ffb3c1 | 1.11 |
#dad2bc | #b5cda3 | 1.13 |
Paleta de imagens Cross-Platform Design Layer png
Exportar paleta
Baixe a "Cross-Platform Design Layer" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: