Google merilis pustaka Material Color Utilities dalam upaya menghadirkan tema dinamis berbasis wallpaper ke lebih banyak platform.
Google serius dengan sistem tema dinamis Material You. Perusahaan jelas menginginkannya lebih banyak OEM Android yang menawarkan mesin tema (Monet, atau yang serupa) pada Android 12 perangkat, tapi sepertinya itu bukan rencana Google untuk sistem tema berbasis wallpaper. Perusahaan kini telah menjadikan pustaka kode Material Color Utilities sebagai sumber terbuka dalam upaya menghadirkan sistem tema baru ke lebih banyak platform.
Dalam posting blog baru-baru ini (via 9to5Google), James O'Leary dari Google mengungkapkan bahwa Material Color Utilities adalah pustaka kode lintas platform untuk warna, yang mencakup semua yang dibutuhkan pengembang untuk mengimplementasikan sistem tema dinamis Material You di berbagai platform. Saat ini, perpustakaan tersedia dalam Dart, Java, dan TypeScript, tetapi Google berencana untuk membawanya ke iOS, CSS melalui SASS, dan shader GLSL. Karena bersifat open-source, siapa pun dapat berkontribusi pada perpustakaan.
Selain itu, postingan blog tersebut menjelaskan cara kerja sistem tema dinamis di Android 12. Seperti yang dijelaskan dalam postingan tersebut, setiap kali Anda mengganti wallpaper di perangkat Android 12:
“Pertama, wallpaper dikuantisasi, mengurangi ribuan warna di dalamnya menjadi lebih kecil dengan menggabungkannya dalam ruang warna. Kumpulan warna yang dikurangi cukup kecil untuk menjalankan algoritma statistik dengan efisien. Algoritme ini digunakan untuk menilai dan memfilter warna; Android 12 memberikan opsi warna untuk warna dan seberapa banyak gambar yang diwakilinya, serta memfilter warna yang mendekati monokrom.
Satu warna, yang ditetapkan sebagai warna peringkat teratas menurut algoritme, atau dipilih oleh pengguna di pemilih wallpaper, menjadi warna sumber. Rona dan kromanya memengaruhi skema warna keseluruhan, memungkinkan skema biru cerah, atau skema hijau kalem, berdasarkan pilihan warna pengguna.
Dengan menggunakan warna sumber, kita membuat palet inti, yang merupakan kumpulan 5 palet warna. Palet warna ditentukan oleh rona dan kroma; warna dalam palet berasal dari nada yang berbeda-beda. Palet warna ini mengurangi beban kognitif bagi desainer saat membuat sistem desain: alih-alih menentukan rona dan kroma untuk setiap peran, palet warna dapat diganti.
Terakhir, kami mengisi tabel yang menentukan kroma rona dan nada setiap peran warna, lalu menggunakan nilai tersebut dan HCT untuk membuat warna yang digunakan dalam tema."
Selain itu, postingan blog tersebut menyoroti bagaimana Google menghadirkan warna HCT (hue, chrome, tone) baru sistem untuk menggantikan sistem HSL (hue, saturation, lightness) yang ada untuk membuat desain dengan warna lebih mudah. Anda dapat mempelajari lebih lanjut tentang sistem warna baru ini dengan melihat postingan blog asli.