Generator Palet

Hasilkan palet warna yang indah dan harmonis untuk desain Anda secara instan. Tekan spasi untuk menjelajahi skema baru, kunci warna favorit Anda, dan salin kode HEX dengan sekali klik.

A palette generator extracts color palettes from images or creates harmonious color schemes using color theory algorithms. It analyzes an image's color distribution to find dominant colors, or generates palettes from a base color using complementary, analogous, triadic, and tetradic harmony rules. This tool processes images locally using the Canvas API -- no images are uploaded.

Buat palet warna indah tanpa data meninggalkan browser Anda

Press spacebar to explore, lock colors you love, copy HEX codes instantly. HSL-based algorithm for vibrant, pleasant results.

HSL-based

Generasi instan

Gratis tanpa batas

Cara menggunakan

1
Hasilkan & Jelajahi
Tekan Spasi untuk menghasilkan skema warna acak. Biarkan inspirasi mengalir!
2
Kunci yang Anda Suka
Menemukan warna yang sesuai dengan visi Anda? Klik ikon gembok untuk menyimpannya. Warna ini akan menjadi jangkar palet Anda.
3
Sempurnakan & Ulangi
Terus tekan spasi. Warna yang tidak terkunci akan berubah untuk menciptakan kombinasi baru yang selaras dengan pilihan terkunci Anda.
4
Salin & Gunakan
Cukup klik kode HEX warna apa pun untuk menyalinnya ke clipboard Anda, siap ditempelkan ke proyek CSS, Figma, atau Photoshop Anda.

Memahami Kode Warna

HEX (Heksadesimal)

Contoh: #00BFA5. Format paling umum untuk warna web. Kode enam digit yang mewakili campuran Merah, Hijau, dan Biru.

RGB (Merah, Hijau, Biru)

Contoh: rgb(0, 191, 165). Mendefinisikan intensitas komponen cahaya merah, hijau, dan biru (0-255).

HSL (Rona, Saturasi, Kecerahan)

Contoh: hsl(174, 100%, 37%). Lebih intuitif bagi manusia. Rona adalah jenis warna, Saturasi adalah intensitas, dan Kecerahan adalah kecerahan.

Memahami Palet Warna

Bagaimana ekstraksi palet warna bekerja

Color palette extraction from an image involves analyzing the image's pixel data to identify the most visually significant colors. The process begins by sampling pixels from the image (not every pixel, but a representative subset for performance). Each pixel's RGB values are then quantized to reduce the number of unique colors -- this is necessary because a photograph can contain millions of subtly different colors. The quantized colors are counted to build a color histogram, and the most frequent colors are selected as the palette.

Alat kami menggunakan algoritma kuantisasi median-cut untuk ekstraksi palet. Algoritma bekerja dengan secara rekursif membagi ruang warna menjadi kotak yang lebih kecil, membaginya pada median setiap kali sampai jumlah kotak sama dengan jumlah warna yang diinginkan. Warna rata-rata setiap kotak menjadi warna dalam palet. Pendekatan ini menangkap warna paling representatif dalam gambar.

Untuk palet yang dihasilkan (tidak diekstrak dari gambar), alat menggunakan aturan harmoni warna berdasarkan roda warna. Skema komplementer menggunakan warna yang berlawanan pada roda. Analog menggunakan warna yang berdekatan. Triadik menggunakan tiga warna yang berjarak sama. Alat menghasilkan variasi ini dan memungkinkan Anda menjelajahi berbagai kombinasi.

Menggunakan palet dalam desain

Palet desain tipikal mencakup 5 warna: primer (dominan), sekunder (pendukung), aksen (untuk sorotan), netral terang (latar belakang), dan netral gelap (teks). Rasio 60-30-10 adalah pedoman populer: 60% warna utama, 30% warna sekunder, dan 10% warna aksen. Alat kami menghasilkan palet dengan 5 warna yang seimbang untuk memenuhi kebutuhan desain umum.

Saat menggunakan palet yang diekstrak untuk desain web, selalu uji rasio kontras antara teks dan warna latar belakang. WCAG memerlukan rasio minimum 4,5:1 untuk teks normal. Palet yang terlihat bagus mungkin tidak memiliki kontras yang cukup untuk aksesibilitas. Gunakan pemeriksa kontras kami untuk memverifikasi.

Alat untuk Setiap Kreator

Untuk Desainer & Seniman

Atasi hambatan kreatif dan temukan kombinasi warna unik untuk desain UI, branding, ilustrasi, dan seni digital.

Untuk Pengembang

Buat prototipe skema warna dengan cepat untuk aplikasi web Anda berikutnya. Dapatkan kode HEX secara instan tanpa membuka alat desain yang berat.

Bagaimana ini dibandingkan dengan generator palet lain?

Perbandingan langsung alat palet warna populer.

Fitur	NovaTools	Coolors.co	Adobe Color
Extract from image	Canvas API		(Adobe CC only)
Aturan harmoni	5 jenis	Mode eksplorasi
Privasi (tanpa unggah)	100% lokal	Sisi server	Sisi server
Export HEX/RGB/HSL	Semua format
Tanpa pendaftaran		(untuk simpan)	Wajib
Berfungsi offline

Server-based palette tools process your images and color choices on their servers. Our tool extracts palettes using the Canvas API and generates harmonies using local color theory algorithms -- all in your browser.

Pertanyaan yang sering diajukan

Bagaimana palet warna dihasilkan?

Palet dihasilkan dengan memilih warna acak dari ruang warna HSL (Hue, Saturation, Lightness). Kami membatasi saturasi dan kecerahan ke rentang yang biasanya menghasilkan warna yang cerah dan menyenangkan.

Bisakah saya menyimpan atau mengekspor seluruh palet?

Saat ini, Anda dapat menyalin kode HEX setiap warna secara individual dengan mengkliknya. Kami sedang mengerjakan fitur untuk memungkinkan ekspor palet lengkap dalam berbagai format di pembaruan mendatang.

Apakah alat ini sepenuhnya gratis untuk digunakan?

Ya, Generator Palet kami 100% gratis untuk digunakan tanpa batasan apa pun. Jangan ragu untuk menghasilkan palet sebanyak yang Anda butuhkan untuk proyek kreatif Anda.

Apa itu fitur kunci dan bagaimana cara kerjanya?

Fitur kunci memungkinkan Anda mempertahankan warna tertentu saat membuat ulang warna lainnya. Klik ikon kunci pada warna apa pun untuk menguncinya. Saat Anda membuat ulang palet, warna yang dikunci akan tetap di tempatnya sementara warna lainnya dihasilkan ulang. Ini berguna ketika Anda menemukan warna yang Anda suka dan ingin bereksperimen dengan warna lain.

Bisakah saya menyesuaikan warna tertentu secara manual?

Yes. Click on any color card to open a color picker that lets you fine-tune the hue, saturation, and lightness using standard color picker controls. You can also type a specific HEX value to replace the generated color with one of your choosing. This is useful when you have a specific brand color or design requirement that the random generator didn't produce. The manually adjusted color can be locked to prevent it from being regenerated. The color picker supports HEX, RGB, and HSL input.

Berapa banyak warna dalam setiap palet?

Each generated palette contains 5 colors, which is the most common palette size for design work. Five colors provide enough variety for a primary color, secondary color, accent color, and two supporting colors (light and dark variants) — covering most UI design, branding, and illustration needs. If you need a larger palette, you can generate multiple palettes and combine them, or use our HEX/RGB/HSL Color Converter to create tints and shades of your base colors. If you need fewer colors, simply ignore the ones you don't need.

Apa itu HSL dan mengapa digunakan untuk pembuatan palet?

HSL (Hue, Saturation, Lightness) is a color model that describes colors in terms that are intuitive for humans: Hue is the color itself (red, blue, green, etc.) represented as an angle on the color wheel (0-360 degrees). Saturation is how intense the color is (0% = gray, 100% = fully saturated). Lightness is how bright the color is (0% = black, 50% = pure color, 100% = white). HSL is ideal for palette generation because you can control the saturation and lightness ranges independently, ensuring the generated colors are consistently vibrant and usable. RGB, by contrast, mixes red/green/blue values that don't correspond to human-perceptual qualities, making it harder to generate aesthetically pleasing random colors.

Bisakah saya menggunakan alat ini untuk pengujian aksesibilitas?

While this tool is designed for palette generation rather than accessibility testing, you can use it in combination with our Contrast Checker tool to verify that your generated palette meets WCAG accessibility standards. After generating a palette, copy the HEX codes and test potential text/background combinations in the Contrast Checker. A good approach is to generate a palette with a dark color (for text) and a light color (for background) that pass WCAG AA (4.5:1 contrast ratio). The HSL-based generation typically produces colors with sufficient lightness variation for accessible combinations.

Privasi Anda Adalah Prioritas Kami

Alat ini berjalan sepenuhnya di browser Anda. File Anda tidak diunggah, disimpan, atau dianalisis.

Kami tidak mengunggah, menyimpan, atau menganalisis file Anda.
Semua yang Anda proses tetap di perangkat Anda.
Tidak ada pemrosesan sisi server, penyimpanan cloud, atau analisis.

Bahkan jika koneksi internet Anda terputus, file Anda tetap aman.

Anda mungkin juga suka

Jelajahi topik ini

Semua alat dalam kategori iniAlat Warna Panduan untuk topik iniDesain & aksesibilitas

Pemilih Warna

Pilih warna dari gambar atau layar Anda.

Pemeriksa Kontras

Periksa kontras warna untuk WCAG.

Konverter HEX ↔ RGB ↔ HSL

Konversikan warna antara format HEX, RGB, dan HSL. Pratinjau langsung, preset cepat, salin nilai siap CSS. 100% sisi klien, tanpa unggahan.