Criado em 06/09/2025 16:10
Material Design Interaction Layers
- Elevation Gray#eceff1
- Ripple Blue#42a5f5
- Touchpoint Amber#ffc107
- Toolbar Graphite#212121
- Snack Red#ef5350
- Dialog Cream#fff8e1
A paleta consiste em cores Luz, Escuro. Cores de destaque Ripple Blue #42a5f5 e Dialog Cream #fff8e1. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #212121 (mais escuro) a #FFF8E1 (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).
No geral, a temperatura tende para o quente.
Códigos HEX (ordenados): #212121, #42A5F5, #ECEFF1, #EF5350, #FFC107, #FFF8E1
A paleta Material Design Interaction Layers tem uma combinação de cores de códigos de 6:
HEX: #eceff1, RGB: (236, 239, 241); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #ffc107, RGB: (255, 193, 7)
HEX: #212121, RGB: (33, 33, 33); HEX: #ef5350, RGB: (239, 83, 80); HEX: #fff8e1, RGB: (255, 248, 225)
Versão simplificada das cores da paleta
Matiz de whitesmoke, Sombra de dodgerblue, Matiz de gold, Sombra de Preto, Sombra de indianred, Sombra de cornsilk
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Material Design Interaction Layers códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Elevation Gray | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Ripple Blue | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Touchpoint Amber | — |
| #212121 | #212121 | RGB(33, 33, 33) | Toolbar Graphite | Lead |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | Snack Red | — |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Dialog Cream | Still Morning |
Contraste da Paleta de Cores
5 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 |
#eceff1 | #ffc107 | 1.41 |
#eceff1 | #fff8e1 | 1.08 |
#42a5f5 | #ffc107 | 1.62 |
#42a5f5 | #ef5350 | 1.31 |
#ffc107 | #fff8e1 | 1.53 |
Paleta de imagens Material Design Interaction Layers png
Exportar paleta
Baixe a "Material Design Interaction Layers" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: