Google'ın Material 3 arkasındaki resmi renk alanı: 13 adımlık Ton Paleti ve Material 3 rol türetme ile algısal olarak tekdüze Ton / Kromatiklik / Ton düzenleme — bir marka rengini ayarlayın ve temayı tek seferde oluşturun.
Aynı ton/kromada 13 ton adımı (0-100) — her Material 3 temasının omurgası.
Aydınlık modu rol değerleri, Material 3 spesifikasyonuna göre renginizden türetilir.
Google'ın resmi Material 3 renk alanı — Ton / Kroma / Ton, algısal olarak düzgün ve öngörülebilir kontrast sunar.
Bir HEX yapıştırın ve HCT kaydırıcıları yerine oturur; ayrıca renk tahtası düzenleyicisinden veya herhangi bir renk profili sayfasından bir renk taşıyabilirsiniz.
Ton H 0-360 aralığında taranır, Kroma C canlılığı ayarlar ve Ton T 0-100 doğrudan Material tema ölçeğiyle eşleşir; oyun alanı dışındaki kombinasyonlar en yakın görüntülenebilir renge eşlenir.
13 adımlık Ton Paleti, her Material 3 temasının iskeletidir ve roller paneli, kopyalanmaya hazır birincil / birincilKapsayıcı ton önerilerini listeler.
HCT ve Material 3 paletleri hakkında üç sık sorulan soru.
Rengi bir palet oluşturmak için tahta düzenleyicisine taşıyın veya aynı algısal anlayışla OKLCH düzenleyicisinde ince ayar yapın.
Canlı önizleme ve oklch() / HEX / RGB çıktısı ile algısal olarak tekdüze OKLCH alanında L / C / H ayarlayın.
Bir marka rengi girin, birincil / ikincil / başarı / uyarı / tehlike elde edin — Tailwind yapılandırması ve CSS değişkenleri olarak dışa aktarılır.
Herhangi bir ön plan ve arka plan rengi arasında WCAG 2.1 kontrast doğrulaması.