Dibuat di 06/09/2025 16:10
  6

Material Design Interaction Layers

  • Elevation Gray
    #eceff1
  • Ripple Blue
    #42a5f5
  • Touchpoint Amber
    #ffc107
  • Toolbar Graphite
    #212121
  • Snack Red
    #ef5350
  • Dialog Cream
    #fff8e1
Loading...
Palet terdiri dari Lampu, Gelap warna. Warna aksen Ripple Blue #42a5f5 Dan Dialog Cream #fff8e1. Palet memiliki suhu warna Netral, Dingin, Hangat.

Menurut kecerahan, palet ini dari #212121 (paling gelap) ke #FFF8E1 (paling terang). Rentang kecerahan lebar.

Saturasi keseluruhan terasa hidup (chroma tinggi).

Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).

Secara keseluruhan suhu warna condong ke hangat.

Kode HEX (diurutkan): #212121, #42A5F5, #ECEFF1, #EF5350, #FFC107, #FFF8E1

Palette Material Design Interaction Layers memiliki kombinasi warna kode 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)
Versi warna palet yang disederhanakan
Warna dari whitesmoke, Bayangan dari dodgerblue, Warna dari gold, Bayangan dari Hitam, Bayangan dari indianred, Bayangan dari cornsilk
Skema warna diciptakan oleh colorslib

Kode warna dalam palet

Material Design Interaction Layers kode warna HEX, informasi RGB dalam tabel

Warna HEX RGB Nama nama alternatif
#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 GraphiteLead
#ef5350 #ef5350 RGB(239, 83, 80)Snack Red
#fff8e1 #fff8e1 RGB(255, 248, 225)Dialog CreamStill Morning

Kontras Palet Warna

5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks Warna latar belakang Rasio Kontras
#eceff1
#ffc107
1.41
#eceff1
#fff8e1
1.08
#42a5f5
#ffc107
1.62
#42a5f5
#ef5350
1.31
#ffc107
#fff8e1
1.53

Palet gambar Material Design Interaction Layers png

Loading...
Loading...