Tempel atau impor sekumpulan warna dan ekspor secara instan ke variabel CSS, SCSS, konfigurasi Tailwind, JSON, atau swatch SVG — langkah terakhir untuk palet apa pun.

Tempel nilai HEX (satu per baris, atau dipisahkan koma/spasi). rgb() dan hsl() juga diterima.

Palet

Tidak ada warna valid yang ditemukan — periksa input Anda.

Format ekspor
Kode ekspor

							

Semuanya berjalan di browser Anda — tempel palet dan salin kode siap produksi dalam format apa pun. Tidak perlu daftar, sepenuhnya gratis.


Tentang Pengekspor Palet

Palette Exporter adalah langkah akhir untuk palet warna apa pun: tempel sekumpulan warna dan dapatkan kode siap produksi dalam format yang dibutuhkan proyek Anda. Alat ini menerima nilai HEX satu per baris atau dipisahkan koma dan spasi, dan juga memahami notasi rgb() dan hsl().

Enam format keluaran dihasilkan secara langsung: properti kustom CSS, variabel SCSS, blok warna konfigurasi Tailwind, JSON, swatch SVG dan daftar HEX polos. Prefiks variabel yang dapat dikonfigurasi menjaga nama yang dihasilkan tetap konsisten dengan basis kode Anda, dan setiap format dapat disalin ke clipboard atau diunduh sebagai file.

Semuanya berjalan di browser Anda — warna yang Anda tempel tidak pernah dikirim ke mana pun. Ini cocok digunakan bersama alat palet lainnya: ekstrak atau hasilkan palet di tempat lain, tempel di sini, dan dapatkan potongan kode persis seperti yang diharapkan stylesheet, framework atau pipeline desain Anda.

Cara menggunakan Pengekspor Palet

  1. Tempel warna Anda ke input — HEX, rgb() atau hsl(), satu per baris atau dipisahkan koma.
  2. Klik "Update colors" untuk mengurainya menjadi sebuah palet, atau muat contoh untuk mencobanya.
  3. Pilih format ekspor: variabel CSS, SCSS, konfigurasi Tailwind, JSON, swatch SVG atau HEX polos.
  4. Sesuaikan prefiks variabel jika Anda ingin penamaan kustom.
  5. Salin kode yang dihasilkan atau unduh sebagai file.

Pertanyaan yang sering diajukan

Nilai HEX (dengan atau tanpa tanda #), notasi rgb() dan hsl() semuanya dikenali. Anda bisa mencampur format dan memisahkan warna dengan baris baru, koma atau spasi — parser akan mengambil setiap warna yang valid dan mengabaikan sisanya.

Ya. Penguraian dan pembuatan kode terjadi sepenuhnya di browser Anda, sehingga alat ini gratis tanpa akun, tanpa kredit dan tanpa batas jumlah palet atau ekspor.

Tempel warna Anda, pilih format "Tailwind config", lalu salin blok yang dihasilkan ke bagian colors pada konfigurasi Tailwind Anda. Pengaturan prefiks variabel mengontrol nama key yang digunakan untuk setiap warna.

Tidak. Warna tetap berada di tab browser Anda — tidak ada permintaan server yang dibuat selama penguraian atau ekspor, dan tidak ada yang disimpan setelah Anda meninggalkan halaman.

Format ini menghasilkan file SVG kecil yang menampilkan setiap warna palet sebagai swatch berlabel. Berguna untuk menyematkan referensi palet visual dalam dokumentasi, file README atau halaman serah terima desain tanpa perlu mengambil tangkapan layar.


Pencarian populer
pengekspor palet ekspor warna ke css palet ke scss konfigurasi warna tailwind ekspor palet json sampel warna svg
Butuh bantuan?
Menemukan masalah dengan alat ini? Beri tahu tim kami.
Laporkan masalah

Tambahkan alat gratis ini ke situs web Anda sendiri — salin dan tempel kode di bawah ini.