Alat CLI yang menghasilkan kode warna CSS untuk membantu tingkat kecerahan bertahap dan kombinasi warna teks, latar belakang, serta border

Biasanya warna yang akan digunakan di situs atau aplikasi didefinisikan terlebih dahulu.

Menentukan palet warna yang memiliki kecerahan dan saturasi yang sama tetapi hanya berbeda pada hue bukanlah hal yang sulit.

Namun, ada kasus ketika diperlukan beberapa tingkat kecerahan dengan saturasi dan hue yang sama, seperti teks yang makin memudar (lebih terang) atau latar belakang yang makin pekat (lebih gelap).

Dalam situasi ini, teks, latar belakang, dan border masing-masing harus dideklarasikan dengan tingkat kecerahan yang berbeda. Jika 100% dianggap sebagai tingkat kecerahan paling terang, kotak dengan warna latar 96% di atas warna putih masih terlihat, tetapi jika kecerahan 96% diterapkan pada warna teks maka teks tersebut tidak akan terlihat.

Selain itu, teks, latar belakang, dan border tidak digunakan secara terpisah. Ketiganya dipakai dalam kombinasi. Setelah masing-masing warna dideklarasikan lalu dikombinasikan, bisa saja teks tidak terlihat di atas latar belakang atau garis border tidak dapat dibedakan dari latar belakang. Menyesuaikan hal ini bukanlah pekerjaan yang mudah.

Jika masing-masing teks, latar belakang, dan border memiliki 4 tingkat kecerahan, jumlah kombinasinya mencapai 64, dan jika dark mode juga dipertimbangkan, maka perlu dibuat dua set dari 64 kombinasi tersebut.

Karena itu saya membuat alat CLI yang dapat mengatur warna dan tingkat kecerahan untuk teks, latar belakang, dan border, serta memungkinkan semua kombinasinya dilihat sekaligus.

Alat ini menghasilkan kode warna CSS berdasarkan file konfigurasi berformat YAML.

Alat ini menyediakan fitur pratinjau yang menampilkan semua tingkat teks, latar belakang, dan border dalam mode terang/gelap sekaligus, serta memungkinkan pengujian kombinasinya.

Sebagai tambahan, program ini dikembangkan dengan pair programming bersama AI menggunakan local LLM. Saya yang memberi instruksi tentang cara implementasi kode, sementara pekerjaan coding fisik yang repetitif dikerjakan oleh AI.

Lingkungan local LLM yang digunakan adalah sebagai berikut.

• CPU: Apple M3 Max 64GB
• Model coding utama: Qwen3.6-35B-A3B
  • Model terkuantisasi yang benar-benar digunakan: Qwen3.6-35B-A3B-oQ4e-fp16-mtp
• Runtime LLM utama: oMLX
• Coding agent: Pi Coding Agent