Penentuan palet warna secara manual dari gambar referensi desain merupakan proses yang tidak efisien dan rentan inkonsistensi. Penelitian ini mengembangkan sistem Color Guide Generator berbasis Python yang mengekstraksi warna dominan dari gambar antarmuka menggunakan K-Means Clustering, mengklasifikasikannya ke dalam peran desain terstandar menggunakan Decision Tree, dan menghasilkan design token dalam format JSON serta elemen pendukung seperti CSS Variables dan konfigurasi Tailwind CSS. Model Decision Tree dilatih dari dataset HSL yang diekstrak dari tiga design system publik dan mencapai F1-score 0,98 untuk mode terang dan 0,92 untuk mode gelap. Validasi melalui User Acceptance Testing (UAT) terhadap 5 responden menghasilkan rata-rata skor 4,52 dari 5. Sistem ini terbukti mengotomatiskan proses penentuan warna yang sebelumnya dilakukan secara manual menjadi alur yang konsisten dan siap diintegrasikan ke dalam pengembangan antarmuka web.
Copyrights © 2026