Bir uygulamada renkler neye dokunulabileceğini, neyin aktif olduğunu ve neyin iyi ya da kötü gittiğini gösterir. Bu 12 palet uygulama türüne göre arka plan, yüzeyler, bir ana renk ve metin içerir; HEX kodlarını Figma, Flutter, SwiftUI veya React Native'e taşıyabilirsin.
Mavi ve yeşil fintech
Güven için mavi, bakiyeler ve başarılı işlemler için yeşil.
Turuncu yemek siparişi
Turuncu, sipariş butonlarını ve kampanyaları öne çıkarır.
Sağlık ve iyi yaşam
Sakin; randevu, alışkanlık veya takip uygulamaları için.
Mor karanlık mod
Saf siyah yerine çok koyu gri arka plan ve açık mor vurgu.
Pembe ve mor sosyal
Sosyal ağlar, tanışma veya içerik üreticileri için.
Minimal verimlilik
Çok okunaklı; görev yöneticileri ve iş araçları için.
Sarı eğitim
Neşeli ve net; dil veya öğrenme uygulamaları için.
Enerjik fitness
Koyu zemin üzerinde fıstık yeşili ve kırmızı; antrenman ve ölçümler için.
Lavanta meditasyon
Yumuşak ve sakin; uyku, meditasyon veya günlük için.
Turkuaz ve kum seyahat
Plajı ve güneşi çağrıştırır; rezervasyon ve gezi rehberleri için.
Taze yeşil yemek
Market, tarif veya beslenme uygulamaları için.
Premium alışveriş
Nötr ve şık; ürün fotoğraflarını ön plana çıkarır.
HEX kodunu kopyalamak için bir renge dokun. Kalem simgesi, paleti değiştirebilmen için editörde açar.
Durum renklerini baştan belirle
Her uygulamanın hata, başarı, uyarı ve bilgi renklerine ihtiyacı vardır. Paletinle uyumlu tonlar seç ve hata rengini marka butonları gibi başka şeyler için kullanma. Rengin yanına bir ikon veya metin ekle ki sadece renge bağlı kalmadan anlaşılsın.
Karanlık modu da tasarla
Çoğu telefon karanlık modu destekler ve birçok kullanıcıda açıktır. Renkleri ters çevirmek yetmez: saf siyah yerine çok koyu griler kullan ve vurgu renklerinin doygunluğunu biraz düşür ki arka plan üzerinde titreşmesinler.
Kontrastı ve dokunma alanlarını kontrol et
WCAG'ye göre metin arka planıyla en az 4,5:1 kontrasta sahip olmalı. Butonlar aktif, basılı veya devre dışıyken farklı görünmeli. Uygulamayı dışarıda ve düşük parlaklıkta dene; çoğu insan onu böyle kullanır.