Utworzono o godz 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
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Ripple Blue #42a5f5 i Dialog Cream #fff8e1. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #212121 (najciemniejszy) do #FFF8E1 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się żywe (wysoka chroma).
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku ciepłu.
Kody HEX (posortowane): #212121, #42A5F5, #ECEFF1, #EF5350, #FFC107, #FFF8E1
Paleta Material Design Interaction Layers zawiera kombinację kolorów kodów 6:
KLĄTWA: #eceff1, RGB: (236, 239, 241); KLĄTWA: #42a5f5, RGB: (66, 165, 245); KLĄTWA: #ffc107, RGB: (255, 193, 7)
KLĄTWA: #212121, RGB: (33, 33, 33); KLĄTWA: #ef5350, RGB: (239, 83, 80); KLĄTWA: #fff8e1, RGB: (255, 248, 225)
Uproszczona wersja palety kolorów
Odcień whitesmoke, Cień dodgerblue, Odcień gold, Cień Czarny, Cień indianred, Cień cornsilk
Schemat kolorów został stworzony przez colorslib
Kody kolorów w palecie
Material Design Interaction Layers kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #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 |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#eceff1 | #ffc107 | 1.41 |
#eceff1 | #fff8e1 | 1.08 |
#42a5f5 | #ffc107 | 1.62 |
#42a5f5 | #ef5350 | 1.31 |
#ffc107 | #fff8e1 | 1.53 |
Paleta obrazów Material Design Interaction Layers png
Eksportuj paletę
Pobierz "Material Design Interaction Layers" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: