CSS Color Variables Generator
Hasilkan blok :root dengan variabel CSS untuk skala warna (50→950) dari satu warna. Semua proses berjalan di perangkat Anda — cepat, gratis, dan privat.
Hasil akan muncul di sini…
atau tekan Ctrl+Enter
Semua proses berjalan di browser Anda. Data tidak pernah dikirim ke server kami.
728 × 90Slot Iklan TersediaPasang iklan Anda di sini
Contoh
Contoh Input
#00B8E6, nama=brand
Contoh Output
:root { --brand-50: …; --brand-500: #00b8e6; … }Cara Penggunaan
- 1Masukkan warna atau data pada kolom Input.
- 2Atur "Pengaturan Lainnya" bila perlu, lalu klik Jalankan (atau Ctrl+Enter).
- 3Salin hasilnya — kotak warna ditampilkan di samping tiap nilai.
Tentang CSS Color Variables Generator
CSS Color Variables Generator membuat blok :root berisi custom property (--brand-50 … --brand-950) untuk seluruh skala warna dari satu warna dasar, siap ditempel ke stylesheet Anda.
Memakai variabel CSS membuat tema mudah diubah di satu tempat. Anda bisa mengganti nama prefix variabel sesuai merek/komponen.
Pertanyaan Umum (FAQ)
Apakah data saya dikirim ke server?
Tidak. CSS Color Variables Generator berjalan sepenuhnya di browser Anda — data Anda tidak pernah meninggalkan perangkat.