Color Studio

Sulit untuk memilih warna. Aplikasi ini membantu Anda membangun tema gelap yang koheren.

Sulit untuk memilih warna. Kebanyakan pemilih warna memberi Anda 16 juta warna dan meminta Anda untuk memilih satu. Begitu banyak pilihan, sehingga kreativitas Anda bisa terhambat. Tidak ada cara intuitif untuk mengetahui warna mana yang sesuai dengan kebutuhan Anda. Ini semakin sulit ketika Anda berurusan dengan banyak warna. Lebih sulit lagi jika Anda ingin warna-warna ini mengikuti spesifikasi desain dan membentuk tema yang koheren. Proyek ini bertujuan untuk membantu menyelesaikan masalah ini.

Aplikasi ini memungkinkan Anda untuk bermain dengan 3 warna: Utama, Latar Belakang dan Permukaan. Latar Belakang dan Permukaan memungkinkan Anda untuk beralih ke mode "otomatis" (secara default, ketika Anda membuka aplikasi, ia aktif untuk Latar Belakang, untuk membantu dengan kemampuan menemukan). Dalam mode otomatis, Latar belakang mengikuti [Rekomendasi Desain Bahan] (https://material.io/design/color/dark-theme.html#properties): 8% warna Primer + # 121212.

Mengenai warna permukaan, tidak ada rekomendasi resmi, sehingga mendapatkan Background dan menambahkan 5% dari cahaya di ruang warna HSLuv. Jika Background memiliki 10% cahaya, Surface memiliki 15%.

Pedoman Aksesibilitas Konten Web (WCAG) merekomendasikan kontras:

- 3.0: 1 minimum untuk teks yang lebih besar dari 18pt atau ikon (AA +).

- 4.5: 1 minimum untuk teks yang lebih kecil dari 18pt (AA).

- 7.0: 1 minimum jika memungkinkan, jika memungkinkan (AAA).

Desain Material mengikutinya dan merekomendasikan rasio kontras 4,5: 1 (AA) untuk teks isi sama sekali. Proyek ini menunjukkan semua variasi elevasi yang mungkin dengan kontrasnya masing-masing dengan warna Primer.

Proyek ini adalah open source:

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