Ekspor palet warna ke file variabel SCSS/LESS/CSS
Setiap palet di ColorsWall bisa diunduh sebagai file atau sebagai variabel siap pakai, sehingga warna yang sama masuk ke alat desain dan kode Anda.
- Temukan palet Anda atau buat yang baru
- Buka Tautan dengan palet (Misalnya: Bootstrap 4 Warna )
Halaman palet mana pun bisa dipakai, baik milik Anda maupun milik orang lain.
- Tekan tombol «Ekspor»
Tab «Berkas» mengunduh palet sebagai ASE (Adobe Swatch Exchange, untuk Photoshop dan Illustrator), SVG, atau JSON. Tab CSS, SCSS, dan LESS menampilkan warna sebagai variabel, dan tab «Warna» memberikan daftar kode HEX biasa dalam file .txt.
- Pilih jenis file SCSS, LESS atau CSS dan tekan tombol «Unduh»
Nama variabel diambil dari nama warna di palet, misalnya --color-sky-blue, atau diberi nomor --color-1, --color-2 jika warna tidak punya nama. File CSS membungkusnya dalam :root, jadi bisa langsung dipakai.
- Simpan file dan nikmati.
Lebih suka menonton? Video di bawah ini menunjukkan langkah-langkah mengekspor palet.