Material Design Renk Paleti

Material Design paletleri Google’ın yaklaşımını izler: bir ana renk, vurgular için bir ikincil renk, nötr yüzeyler ve metin ile yükselti için bir gri ölçeği.

Örnek palet

Ana renk#1976D2
Açık ana renk#42A5F5
Yüzey#FAFAFA
İkincil renk#FFA000
Yüzey üzeri#212121

Kopyalanmaya hazır onaltılık kodlar

Arayüzler için tasarlandı

Klasik uyumlar renk tonlarıyla düşünürken Material rollere odaklanır: ana renk, ikincil renk, yüzey, yüzey üzeri ve hata. Her rengin bir görevi vardır; bu da paleti doğrudan tasarım sistemi değişkenlerine dönüştürmeyi sağlar.

Kontrast ve yükselti

Material, metin ile bulunduğu yüzey arasında en az 4.5:1 kontrast gerektirir. Yükselti seviyeleri gölgeleri üst üste eklemek yerine yüzeyi kademeli olarak açarak oluşturulur. Bu, gölgelerin görünürlüğünü yitirdiği koyu temada özellikle kullanışlıdır.

material design paletimi oluştur

Ücretsiz, kayıt gerekmez

Diğer renk uyumları