Color Studio

Renk seçmek zor. Bu uygulama tutarlı bir karanlık tema oluşturmanıza yardımcı olur.

Renk seçmek zor. Çoğu renk seçicisi size 16 milyon renk verir ve bir tane seçmenizi ister. Aslında, yaratıcılığınızın bloke olabileceği birçok seçenek var. Hangi renklerin ihtiyaçlarınıza uyacağını bilmenin sezgisel bir yolu yoktur. Birden fazla renkle uğraşırken bu daha da zorlaşır. Bu renklerin bir tasarım spesifikasyonunu takip etmesini ve tutarlı bir tema oluşturmasını istediğinizde daha da zorlaşır. Bu proje, bu sorunların çözülmesine yardımcı olmayı amaçlamaktadır.

Birincil, Arka Plan ve Yüzey: Bu uygulama 3 renk ile oynamak için izin verir. Arka Plan ve Yüzey "otomatik" moduna geçmenizi sağlar (varsayılan olarak, uygulamayı açtığınızda keşfedilebilirliğe yardımcı olmak için Arka Plan için açıktır). Otomatik modda, Arka Plan [Malzeme Tasarımı önerisi] 'ni (https://material.io/design/color/dark-theme.html#properties) takip eder: Ana rengin% 8'i + # 121212.

Yüzey rengi ile ilgili resmi bir öneri yoktur, bu nedenle Arka Plan alır ve HSLuv renk uzayına% 5 parlaklık ekler. Arka Plan% 10 hafifliğe sahipse, Yüzey% 15'e sahiptir.

Web İçeriği Erişilebilirlik Yönergeleri (WCAG) aşağıdakilerin karşıtlığını önerir:

- 18pt'den büyük metinler veya simgeler (AA +) için minimum 3.0: 1.

- 18pt'den küçük metinler için minimum 4.5: 1 (AA).

- Mümkünse minimum 7,0: 1 (AAA).

Materyal Tasarımı bunu izler ve tüm yüksekliklerde gövde metni için 4.5: 1 (AA) kontrast oranını önerir. Bu proje, Ana renge karşılık gelen kontrastlarıyla birlikte olası tüm yükseklik değişimlerini gösterir.

Bu proje açık kaynak:

https://github.com/bernaferrari/color-studio