Herhangi bir 5 renkli paleti üç gerçek arayüze bırakın — kontrol paneli, açılış sayfası, mobil uygulama — ve bunu gerçek bir ürün olarak görün. Rolleri otomatik olarak atanır: birincil, vurgu, yüzey ve metin hepsi yerini bulur.
Paleti düzenle (değiştirmek için bir renk örneğine tıklayın)
Beş renk üç gerçek arayüze bırakılır, rolleri otomatik olarak atanır.
Herhangi bir topluluk paletinde veya palet panosunda "Görselleştir"e tıklayarak paleti içeri aktarın veya beş HEX değerini manuel olarak düzenleyin.
Motor, açıklık ve renk doygunluğuna göre birincil, ikincil, vurgu, yüzey ve metin rollerini atar - her birinin her modelde nerede yer aldığını görün.
Kontrol paneli, açılış sayfası ve mobil uygulama arasında gerçek zamanlı olarak geçiş yapın; bir rengi anında değiştirmek için herhangi bir renk örneğine tıklayın.
İnsanların palet önizlemesi hakkında sorduğu dört soru.
Buradan devam edin ve renkleri işinize koyun.
Rastgeleleştirmek için boşluk tuşu, kilitlemek, yeniden sıralamak için sürüklemek, URL ile paylaşmak — bir palet panelinin yapması gereken her şey.
Herhangi bir rengi OKLCH'de algısal olarak düzgün, her adımda WCAG kontrastına sahip 11 adımlık bir tasarım sistemi ölçeğine dönüştürün, Tailwind/CSS/SCSS/JSON olarak dışa aktarın.
Herhangi bir ön plan ve arka plan rengi arasında WCAG 2.1 kontrast doğrulaması.
Bir sahneyi veya duyguyu tek bir satırda tanımlayın — gerekçesiyle beş rollü bir palet alın.