Color Studio

Sukar untuk memilih warna. Kebanyakan pemetik warna memberi anda 16 juta warna dan meminta anda memilih satu. Begitu banyak pilihan, sebenarnya, kreativiti anda mungkin disekat. Tidak ada cara yang intuitif untuk mengetahui warna yang sesuai dengan keperluan anda. Ini semakin sukar apabila anda berurusan dengan pelbagai warna. Lebih sukar apabila anda mahu warna-warna ini mengikuti spesifikasi reka bentuk dan membentuk tema yang koheren. Projek ini bertujuan membantu menyelesaikan masalah ini.

Aplikasi ini membolehkan anda bermain dengan 3 warna: Primer, Latar Belakang dan Surface. Latar Belakang dan Surface membolehkan anda menukar mod "auto" (secara lalai, apabila anda membuka aplikasinya, aplikasinya untuk Latar Belakang, untuk membantu dengan penemuan). Dalam mod auto, Latar belakang mengikuti saranan [Cadangan Reka Bentuk Bahan] (https://material.io/design/color/dark-theme.html#properties): 8% daripada warna Primer + # 121212.

Mengenai warna Surface, tiada cadangan rasmi, jadi mendapat Latar Belakang dan menambah 5% cahaya dalam ruang warna HSLuv. Jika Latar Belakang mempunyai 10% cahaya, Surface mempunyai 15%.

Garis Panduan Kebolehaksesan Kandungan Web (WCAG) mengesyorkan sebaliknya:

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

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

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

Reka bentuk Bahan mengikuti dan mencadangkan nisbah kontras 4.5: 1 (AA) untuk teks badan di semua ketinggian. Projek ini menunjukkan semua variasi ketinggian yang mungkin dengan kontras masing-masing dengan warna Primer.

Projek ini adalah sumber terbuka:

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