Format apa yang harus digunakan untuk warna dasar?

Generator menerima warna dalam format HEX — baik pendek (mis. #F50) maupun lengkap (mis. #FF5500). Di samping kolom teks Anda akan menemukan color picker yang memungkinkan Anda memilih warna secara visual. Palet yang dihasilkan menampilkan kode HEX dan nilai HSL setiap warna.

Berapa warna yang ada di setiap palet?

Setiap palet berisi 4 hingga 6 warna. Jumlahnya tergantung pada jenis skema — palet monokromatik dan tonal menghasilkan lebih banyak nuansa (skala kecerahan satu hue), sementara palet komplementer dan triadik berfokus pada lebih sedikit warna kontras.

Apa itu ruang warna HSL dan bagaimana membacanya?

HSL adalah cara mendeskripsikan warna menggunakan tiga nilai: H (hue, 0°–360° di roda warna), S (saturasi, 0%–100%), dan L (kecerahan, 0%–100%). Generator menampilkan nilai HSL di samping setiap warna, memudahkan untuk memahami bagaimana warna dalam palet berbeda — mis. palet monokromatik hanya mengubah kecerahan (L) sambil mempertahankan hue (H) yang sama.

Bisakah saya menggunakan palet yang dihasilkan secara komersial?

Ya. Anda dapat menggunakan palet warna yang dihasilkan dalam proyek apa pun — komersial maupun non-komersial, tanpa batasan lisensi.

Apakah generator palet warna memerlukan login atau pembayaran?

Generator sepenuhnya gratis dan tidak memerlukan login atau pendaftaran. Warna dihasilkan secara lokal di browser — tidak ada data yang dikirim ke server eksternal.

Generator palet warna

Masukkan satu warna dasar, dan alat akan menghasilkan 9 palet warna harmonis: monokromatik, komplementer, triadik, pastel, dan lainnya. Setiap warna dapat disalin dengan kode HEX-nya.

Palet monokromatik

Semua warna memiliki hue (H) yang sama, berbeda terutama dalam kecerahan (L) di ruang warna HSL.

#0b28ba

hsl(230, 89%, 39%)

#153af2

hsl(230, 89%, 52%)

#4f6bf5

hsl(230, 89%, 64%)

#899cf8

hsl(230, 89%, 76%)

#c3ccfc

hsl(230, 89%, 88%)

Palet triadik

Tiga hue berjarak 120° pada roda warna (titik sudut segitiga sama sisi) – geometri yang sering digunakan dalam branding dan desain bergaya Bauhaus.

#4f6bf5

hsl(230, 89%, 64%)

#f43757

hsl(350, 89%, 59%)

#7ff667

hsl(110, 89%, 69%)

#f87f94

hsl(350, 89%, 74%)

#42f21f

hsl(110, 89%, 54%)

Palet split-komplementer

Variasi palet komplementer – alih-alih satu komplemen (180°), dua warna yang digeser sekitar ±30° dari komplemen digunakan, mengurangi ketegangan visual sambil mempertahankan kontras kuat.

#4f6bf5

hsl(230, 89%, 64%)

#f5864f

hsl(20, 89%, 64%)

#bef54f

hsl(80, 89%, 64%)

#f7a176

hsl(20, 89%, 72%)

#b0f328

hsl(80, 89%, 56%)

Palet pastel

Hue yang sama dengan saturasi berkurang dan kecerahan meningkat – pergeseran ke tengah dan atas ruang HSL, menghasilkan warna lembut dan "krem".

#e1e5f4

hsl(230, 45%, 92%)

#d3d7ee

hsl(230, 45%, 88%)

#c4cae9

hsl(230, 45%, 84%)

#b5bde3

hsl(230, 45%, 80%)

#a6b0dd

hsl(230, 45%, 76%)

Palet gelap

Hue yang sama dengan saturasi tinggi (S) dan kecerahan rendah (L) – pergeseran ke bawah pada sumbu kecerahan, menghasilkan warna dalam khas mode gelap dan aksen berani.

#3757f4

hsl(230, 89%, 59%)

#153af2

hsl(230, 89%, 52%)

#0c2dd2

hsl(230, 89%, 44%)

#0a25ab

hsl(230, 89%, 36%)

#081d85

hsl(230, 89%, 28%)

Palet tonal (terinspirasi Material Design)

Beberapa tingkat kecerahan dari satu hue – L bervariasi dan S moderat, mirip rentang tonal dari pedoman Material Design (mis. 50-900).

#f2f3f8

hsl(230, 27%, 96%)

#dcdfef

hsl(230, 36%, 90%)

#b1bae7

hsl(230, 54%, 80%)

#7c8ee9

hsl(230, 71%, 70%)

#3e5df4

hsl(230, 89%, 60%)

Palet minimalis (terinspirasi Apple)

Satu aksen warna mencolok dan beberapa netral sangat terang dan lembut – tata letak khas antarmuka dengan banyak ruang putih dan bayangan halus.

#3e5df4

hsl(230, 89%, 60%)

#fafafa

hsl(230, 6%, 98%)

#efeff1

hsl(230, 6%, 94%)

#dfdfe2

hsl(230, 6%, 88%)

#484951

hsl(230, 6%, 30%)

Palet analogus

Warna dengan hue serupa – dari sekitar -30° hingga +30° di sekitar warna dasar pada roda warna klasik (mis. Itten).

#4fbef5

hsl(200, 89%, 64%)

#67a3f6

hsl(215, 89%, 69%)

#4f6bf5

hsl(230, 89%, 64%)

#4637f4

hsl(245, 89%, 59%)

#864ff5

hsl(260, 89%, 64%)

Palet komplementer

Warna dasar dan komplementernya yang digeser 180° pada roda warna – salah satu kontras warna fundamental yang dijelaskan oleh Johannes Itten.

#4f6bf5

hsl(230, 89%, 64%)

#1f42f2

hsl(230, 89%, 54%)

#f5d94f

hsl(50, 89%, 64%)

#f8e37f

hsl(50, 89%, 74%)

#f2cf1f

hsl(50, 89%, 54%)

Mengapa membuat palet warna?

Palet warna yang konsisten adalah fondasi setiap proyek visual — dari situs web, melalui logo, hingga bahan cetak. Memilih warna secara manual yang cocok satu sama lain memerlukan pengetahuan teori warna. Generator melakukannya secara otomatis: Anda memberikan satu warna dasar (mis. warna logo Anda), dan alat membuat 9 set warna berdasarkan skema harmoni warna yang terbukti.

Setiap warna yang dihasilkan disertai kode HEX (mis. #4F6BF5) dan nilai HSL (hue, saturasi, kecerahan). Kode HEX dapat ditempel langsung ke CSS, Figma, Canva, atau aplikasi grafis apa pun.

Cara menggunakan generator palet warna

Seluruh proses hanya membutuhkan beberapa detik:

1. Masukkan warna dasar
Ketik kode HEX (mis. #4F6BF5) di kolom teks atau pilih warna dari color picker. Anda juga bisa menggunakan tombol Warna Acak.
2. Konfirmasi pilihan Anda
Setelah mengklik tombol Perbarui Warna, alat akan secara otomatis menghasilkan 9 palet berdasarkan skema harmoni warna yang berbeda.
3. Salin warna yang Anda butuhkan
Di samping setiap warna ada tombol Salin — kode HEX masuk ke clipboard dan dapat ditempel langsung ke proyek Anda.

Skema warna apa yang dihasilkan alat ini?

Generator membuat 9 jenis palet — masing-masing berdasarkan prinsip teori warna yang berbeda:

Palet monokromatik
Beberapa nuansa satu warna — dari terang ke gelap. Semua warna memiliki hue yang sama di roda warna dan hanya berbeda kecerahan. Cocok untuk desain elegan dan minimalis yang mengutamakan konsistensi.
Palet analogus
Warna bersebelahan di roda warna (bergeser sekitar 30° ke kedua arah dari dasar). Mereka menciptakan transisi warna yang harmonis dan halus. Cocok untuk proyek yang membangun suasana hangat atau sejuk.
Palet komplementer
Warna dasar dan warna yang berlawanan di roda warna (pergeseran 180°). Menciptakan kontras visual yang kuat. Berguna saat elemen perlu menarik perhatian — tombol, heading yang disorot, banner promo.
Palet triadik
Tiga warna dengan jarak 120° di roda warna — membentuk segitiga sama sisi. Kombinasi yang cerah dan dinamis. Cocok untuk proyek kreatif: identitas merek muda, materi iklan, poster.
Palet split-komplementer
Versi lebih lembut dari palet komplementer. Alih-alih satu warna berlawanan, ia menggunakan dua warna yang bergeser sekitar 30° dari komplemen. Memberikan kontras jelas tetapi tanpa ketegangan visual yang terlalu kuat.
Palet pastel
Hue yang sama dengan saturasi berkurang dan kecerahan meningkat — warna lembut dan halus. Populer di kosmetik, fashion anak-anak, dan industri makanan. Cocok dengan latar terang dan white space.
Palet gelap
Warna dasar pada saturasi tinggi dan kecerahan berkurang — warna dalam dan intens. Berguna untuk mendesain tema gelap untuk situs web dan aplikasi, serta materi untuk merek premium.
Palet tonal
Beberapa langkah kecerahan dari satu hue — dari sangat terang hingga gelap. Mirip dengan skala tonal yang digunakan dalam sistem desain (mis. nuansa dari 50 hingga 900). Berguna untuk membangun antarmuka di mana warna yang sama membutuhkan varian.
Palet minimalis
Satu aksen warna bold dan beberapa netral terang yang sangat lembut. Sisa palet tetap redup. Cocok untuk antarmuka modern dengan banyak white space — gaya khas halaman produk dan landing page.

H (hue)0°–360° di roda warna

S (saturasi)0%–100%

L (kecerahan)0%–100%

Apa dasar generator palet warna ini?

Semua palet dibuat dengan mentransformasi warna dasar secara matematis di ruang warna HSL. HSL mendeskripsikan warna dengan tiga nilai: hue (H) adalah posisi di roda warna (0°–360°), saturasi (S) menentukan intensitas warna, dan kecerahan (L) — seberapa terang atau gelap warna tersebut.

Palet komplementer, triadik, dan split-komplementer didasarkan pada geometri roda warna — warna ditempatkan pada interval sudut yang sama, menciptakan keseimbangan visual. Palet monokromatik, pastel, dan gelap hanya mengubah kecerahan dan saturasi sambil mempertahankan hue yang sama.

Di mana menggunakan palet warna yang dihasilkan

Identitas visual merek
Pilih warna pelengkap untuk logo yang sudah ada atau bangun palet branding dari awal — untuk kartu nama, alat tulis, dan materi pemasaran.
Situs web
Tetapkan warna utama, warna aksen, dan nuansa latar belakang. Kode HEX yang disalin dapat langsung ditempel ke stylesheet CSS atau konfigurasi tema.
Antarmuka aplikasi
Palet tonal menyediakan varian kecerahan satu warna — lebih terang untuk latar belakang, lebih gelap untuk teks, menengah untuk border dan status interaktif.
Grafis media sosial
Warna konsisten untuk posting, stories, dan cover profil. Palet analogus atau pastel cocok saat Anda menginginkan gaya yang seragam dan mudah dikenali.
Presentasi dan dokumen
Set warna harmonis untuk slide, grafik, dan infografis. Palet monokromatik atau minimalis menjaga ketertiban visual.

Pemecahan masalah generator palet

Palet tidak berubah setelah memasukkan warna
Hanya mengetik kode HEX tidak secara otomatis menghasilkan palet — Anda perlu mengonfirmasi perubahan dengan tombol Perbarui Warna. Hanya setelah konfirmasi alat menghitung ulang semua 9 skema.
Pesan format tidak valid
Generator hanya menerima format HEX dengan # di awal, mis. #FF5500. Format tanpa # (mis. FF5500) atau dalam notasi RGB (mis. rgb(255,85,0)) tidak didukung.
Format HEX pendek dan lengkap
Kedua format didukung: lengkap #RRGGBB (mis. #FF5500) dan pendek #RGB (mis. #F50). Generator secara otomatis mengenali keduanya dan memperlakukannya secara identik.

Pertanyaan yang sering diajukan tentang generator palet warna

Jelajahi alat lainnya

Lihat semua alat

Konverter JPG/PNG ke WebP

Kurangi ukuran file gambar tanpa kehilangan kualitas. Konversi JPG dan PNG ke WebP dan percepat situs web Anda.

Generator palet warna

Mengapa membuat palet warna?

Cara menggunakan generator palet warna

1. Masukkan warna dasar

2. Konfirmasi pilihan Anda

3. Salin warna yang Anda butuhkan

Skema warna apa yang dihasilkan alat ini?

Palet monokromatik

Palet analogus

Palet komplementer

Palet triadik

Palet split-komplementer

Palet pastel

Palet gelap

Palet tonal

Palet minimalis

Apa dasar generator palet warna ini?

Di mana menggunakan palet warna yang dihasilkan

Identitas visual merek

Situs web

Antarmuka aplikasi

Grafis media sosial

Presentasi dan dokumen

Pemecahan masalah generator palet

Palet tidak berubah setelah memasukkan warna

Pesan format tidak valid

Format HEX pendek dan lengkap

Pertanyaan yang sering diajukan tentang generator palet warna

Format apa yang harus digunakan untuk warna dasar?

Berapa warna yang ada di setiap palet?

Apa itu ruang warna HSL dan bagaimana membacanya?

Bisakah saya menggunakan palet yang dihasilkan secara komersial?

Apakah generator palet warna memerlukan login atau pembayaran?

Jelajahi alat lainnya

Konverter JPG/PNG ke WebP

Editor gambar

Generator favicon

Pemeriksa meta judul & deskripsi

Penghitung kata & karakter

Generator tanda tangan email

Pemeriksa kontras warna

Ekstraktor warna dari gambar