Bahasa
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Generator Palet Warna

Generator Palet Warna

Buat palet warna harmonis dari aturan teori warna, atau ekstrak warna dominan dari gambar apa pun. Salin sebagai CSS, SCSS, Tailwind, JSON, atau PNG.

Generator Palet Warna

Generator Palet Warna membangun skema warna harmonis dalam hitungan detik, baik dari aturan teori warna yang sudah teruji maupun dengan menarik warna dominan dari gambar apa pun. Pilih warna dasar atau unggah foto, dan Anda mendapatkan palet siap pakai berikut kode HEX yang bisa langsung disalin ke proyek Anda.

Cocok untuk desainer web, pembangun merek, dan siapa saja yang sedang memilih warna untuk proyek kreatif. Gunakan mode Teori Warna untuk mengubah satu warna dasar menjadi skema komplementer, analog, triadik, split komplementer, tetradik, atau monokromatik — atau beralih ke mode Dari Gambar untuk mengekstrak 3 hingga 10 warna dominan dari sebuah gambar.

Privat sejak awal: setiap palet dibangun di browser Anda, termasuk ekstraksi warna gambar. Gambar dan pilihan warna Anda tidak pernah diunggah ke server.

Cara Menggunakan Generator Palet Warna

1

Pilih cara memulai

Tetap di tab Teori Warna untuk membangun palet dari warna dasar, atau beralih ke tab Dari Gambar untuk mengekstrak warna dari sebuah foto.

2

Tentukan masukan Anda

Pada mode Teori Warna, pilih Warna Dasar (pemilih warna atau HEX) dan aturan Harmoni. Pada mode Dari Gambar, seret atau klik untuk mengunggah PNG, JPG, GIF, atau WebP lalu atur jumlah warna dengan penggeser (3–10).

3

Buat paletnya

Klik Buat untuk menghasilkan skema berbasis teori, atau Ekstrak Warna untuk membaca warna dominan dari gambar Anda. Palet Anda muncul seketika lengkap dengan kode HEX dan nama terdekat setiap warna.

4

Sempurnakan dan ekspor

Kunci warna yang Anda sukai, lalu Acak sisanya. Klik petak warna mana pun untuk Menyalin HEX-nya, atau ekspor seluruh palet sebagai CSS, SCSS, Tailwind, JSON, atau PNG.

Fitur

Pembuatan Berdasarkan Teori Warna

Ubah satu warna dasar menjadi palet menggunakan enam aturan harmoni: komplementer, analog, triadik, split komplementer, tetradik, dan monokromatik.

Ekstraksi Warna dari Gambar

Unggah gambar apa pun dan algoritme klastering k-means menemukan warna dominannya — ideal untuk menyelaraskan dengan foto, logo, atau karya seni.

Kunci dan Acak

Kunci warna yang Anda sukai, lalu acak sisanya untuk bereksperimen menuju kombinasi sempurna tanpa kehilangan yang sudah pas.

Beragam Format Ekspor

Salin palet Anda sebagai Variabel CSS, Variabel SCSS, Konfigurasi Tailwind, atau JSON, atau unduh sebagai referensi PNG berlabel.

Riwayat Palet

20 palet terakhir Anda disimpan secara lokal sehingga Anda bisa membuka kembali dan memuat ulang kombinasi warna sebelumnya hanya dengan satu klik.

Nama Warna

Setiap petak warna menampilkan nama warna terdekat, sehingga palet Anda lebih mudah dikomunikasikan, diingat, dan dibagikan.

Jumlah Warna yang Dapat Diatur

Saat mengekstrak dari gambar, atur penggeser di mana saja antara 3 hingga 10 warna untuk mendapatkan palet seringkas atau seberagam yang Anda butuhkan.

Salin HEX Sekali Klik

Klik ikon salin pada petak warna mana pun untuk langsung mendapatkan kode HEX-nya — siap ditempel ke alat desain atau lembar gaya Anda.

Pertanyaan yang Sering Diajukan

Bagaimana cara membuat palet warna?

Pada tab Teori Warna, pilih warna dasar, tentukan aturan harmoni, lalu klik Buat. Palet lengkap akan muncul dengan kode HEX setiap warna, siap disalin atau diekspor.

Bagaimana cara membuat palet dari gambar?

Beralih ke tab Dari Gambar, lalu seret atau klik untuk mengunggah sebuah gambar. Tentukan berapa banyak warna yang Anda inginkan dengan penggeser (3–10) lalu klik Ekstrak Warna. Alat ini membaca warna dominan gambar dan mengubahnya menjadi palet.

Apa itu palet komplementer, analog, atau triadik?

Ini adalah aturan harmoni warna berdasarkan posisi pada roda warna. Komplementer menggunakan warna yang saling berseberangan (180°) untuk kontras tinggi. Analog menggunakan warna bertetangga untuk kesan tenang dan menyatu. Triadik menggunakan tiga warna yang berjarak sama (120°) untuk tampilan hidup namun seimbang.

Aturan harmoni mana yang sebaiknya saya pilih?

Tergantung tujuan Anda: komplementer untuk kontras tinggi dan dampak kuat, analog untuk desain yang tenang dan menyatu, triadik untuk warna hidup namun seimbang, dan monokromatik untuk kesan elegan dan terpadu. Split komplementer dan tetradik berada di antaranya untuk kontras yang lebih lembut atau kombinasi yang lebih kaya.

Bagaimana cara membuat palet dari satu warna dasar?

Masukkan warna dasar Anda pada pemilih Warna Dasar (atau ketikkan HEX-nya), pilih aturan harmoni mana pun, lalu klik Buat. Setiap warna dalam palet hasilnya diturunkan dari satu warna dasar tersebut menggunakan perhitungan teori warna.

Bagaimana cara mendapatkan kode HEX untuk palet saya?

Setiap petak warna menampilkan kode HEX-nya langsung pada palet. Klik ikon salin pada sebuah petak warna untuk menyalin satu kode, atau gunakan menu ekspor untuk menyalin seluruh warna sekaligus sebagai CSS, SCSS, Tailwind, atau JSON.

Apakah gambar saya diunggah ke server?

Tidak. Seluruh pemrosesan gambar dan ekstraksi warna sepenuhnya berlangsung di browser Anda. Gambar Anda tidak pernah meninggalkan perangkat, sehingga pekerjaan Anda tetap privat.

Format gambar apa saja yang didukung?

Anda dapat mengunggah gambar PNG, JPG, GIF, dan WebP, serta mengekstrak antara 3 hingga 10 warna dari setiap gambar tersebut.

Bolehkah saya memakai palet ini untuk keperluan komersial?

Boleh. Warna yang Anda hasilkan tidak memiliki hak cipta dan dapat digunakan secara bebas dalam proyek pribadi maupun komersial apa pun.

Letakkan gambar di sini atau klik untuk mengunggah

PNG, JPG, GIF, WebP

Riwayat
Belum ada riwayat
Pilih warna dasar dan aturan harmoni untuk membangun palet yang serasi
Unggah gambar untuk mengekstrak warna dominan secara otomatis
Klik ikon kunci pada warna yang ingin dipertahankan, lalu acak sisanya
Atur penggeser dari 3 hingga 10 warna saat mengekstrak dari gambar
Ekspor sebagai CSS, SCSS, Tailwind, JSON, atau PNG untuk proyek Anda
Semua proses berjalan di browser Anda - gambar tidak pernah diunggah
Ingin belajar lebih banyak? Baca dokumentasi →
1/7
Mulai ketik untuk mencari...
Mencari...
Tidak ada hasil yang ditemukan
Coba gunakan kata kunci yang berbeda