Bagaimana cara menghasilkan palet warna dari satu warna merek?

Masukkan kode hex, nama warna seperti teal, atau nilai rgb() atau hsl() di kolom Warna dasar lalu tekan Enter. Kemudian pilih tipe seperti Palet merek, Komplementer, Triadik, atau Monokromatik, dan klik contoh warna untuk menyalinnya.

Format ekspor apa saja yang didukung oleh generator palet?

Anda dapat menyalin warna sebagai hex, rgb, hsl, atau oklch, dan mengekspor file CSS, SCSS, JSON, skala Tailwind 50-950, PNG, SVG, GIMP/Krita GPL, Adobe ASE, atau Photoshop ACO. Opsi yang muncul bergantung pada kontrol Ekspor.

Bagaimana cara memeriksa apakah warna palet saya dapat dibaca di atas putih atau hitam?

Setiap warna menampilkan lencana Di atas putih dan Di atas hitam dengan level WCAG: AAA, AA, AA besar, atau Gagal. Bagian Cek teks dan latar belakang juga memungkinkan Anda memilih warna teks dan latar belakang untuk menguji pasangan tertentu.

Bagaimana cara mempertahankan beberapa warna dan mengacak sisanya?

Klik Kunci warna ini pada contoh warna yang ingin dipertahankan, lalu tekan Acak. Warna yang terkunci tetap ada, dan yang lainnya berubah. Anda juga dapat menggunakan Edit warna ini untuk mengubah satu contoh warna, yang menandai palet sebagai telah diedit.

Bisakah saya membagikan palet atau mengambil warna dari layar?

Bagikan hasil membuat tautan yang menyimpan warna dasar, jenis, dan semua perubahan, sehingga siapa pun yang membukanya melihat palet yang sama. Di ponsel, tautan membuka lembar berbagi; di komputer, tautan disalin. Pilih dari layar memakai EyeDropper browser, yang hanya tersedia di browser yang mendukungnya, terutama berbasis Chromium.

Apakah benar-benar gratis?

Ya. Setiap alat gratis digunakan, tanpa akun dan tanpa kartu kredit. Prosesnya berjalan di perangkat Anda, bukan di server kami, itulah yang membuatnya tetap gratis.

Apakah berfungsi di mobile?

Ya. Berjalan di browser seluler terbaru di iOS dan Android, tanpa perlu memasang apa pun.

🎨

Generator Palet Warna gratis

Hasilkan palet warna komplementer, analog, triadik, dan monokromatik dari warna dasar mana pun. Salin kode hex dalam satu klik.

Berjalan di browser AndaTanpa daftar, tanpa pop-upTidak perlu loginGratis selamanya

Berfungsi offline setelah dimuat

Warna dasar

Ketik kode hex, nama warna seperti teal atau tomato, atau rgb(20, 184, 166) / hsl(174, 80%, 40%), lalu tekan Enter.

Palet merek · 7 warna

Format salin

Ekspor:Label hex pada PNG/SVG

Dasar

Di atas putih 2,5Gagal

Di atas hitam 8,4AAA

Aksen

Di atas putih 2,9Gagal

Di atas hitam 7,2AAA

Tint terang

Di atas putih 1,1Gagal

Di atas hitam 19,4AAA

Shade gelap

Di atas putih 9,0AAA

Di atas hitam 2,3Gagal

Netral terang

Di atas putih 1,1Gagal

Di atas hitam 19,3AAA

Netral sedang

Di atas putih 4,1AA besar

Di atas hitam 5,1AA

Netral gelap

Di atas putih 16,1AAA

Di atas hitam 1,3Gagal

Cek teks dan latar belakang

Warna teksLatar belakang

Contoh judul besar

Contoh teks isi untuk pasangan warna ini

8,44:1Teks biasa AAATeks besar AAA

Coba ini

Ingin warna dari foto? Gunakan pengekstrak warna gambar

Penggunaan umum

Hasilkan palet warna untuk desain webBuat skema warna harmonis untuk situs web, aplikasi web, dan komponen antarmuka pengguna.
Buat palet warna merekKembangkan sistem warna merek lengkap dari satu warna merek — warna utama, sekunder, aksen, dan netral.
Hasilkan palet warna untuk seni dan ilustrasiBuat kombinasi warna harmonis untuk seni digital, ilustrasi, dan proyek kreatif.
Hasilkan gaya warna untuk FigmaBuat palet warna untuk digunakan sebagai gaya warna Figma dan fondasi token desain.
Buat palet warna mode gelapHasilkan varian terang dan gelap dari palet warna Anda untuk membangun dukungan mode gelap.

Cara kerja

Alat ini dibangun tanpa library eksternal — semua matematika warna berjalan dalam JavaScript tulisan tangan langsung di browser Anda. Ini mengonversi warna pilihan Anda antara heksa dan HSL, lalu menerapkan aturan harmoni teori warna klasik (komplementer, triadik, analog, dll.) melalui aritmetika pada roda hue untuk menghasilkan setiap palet.

1
Konversi heksa-ke-HSL
Saat Anda memilih warna, alat ini mengurai string heksa menjadi komponen RGB dan mengonversinya ke HSL (hue, saturasi, lightness). Hue adalah posisi 0–360 derajat pada roda warna; semua matematika palet terjadi dalam ruang ini.
2
Aritmetika hue untuk harmoni
Setiap jenis palet adalah rumus rotasi tetap yang diterapkan pada hue dasar. Komplementer menambah 180°, triadik menambah 120° dan 240°, tetradik melangkah dengan 90°, split-komplementer menggunakan 150° dan 210°. Monokromatik dan corak menjaga hue dan saturasi tetap konstan sambil melangkahkan lightness naik dan turun.
3
Keluaran HSL-ke-heksa
Setiap triplet HSL yang dihitung dikonversi kembali menjadi warna heksa menggunakan rumus chroma standar. Hasilnya ditampilkan sebagai strip warna dengan label kontras-otomatis (teks gelap pada swatch terang, teks terang pada yang gelap) ditentukan oleh ambang luminansi sederhana.
4
Ekspor dalam format pilihan Anda
Palet dapat disalin sebagai string heksa atau diekspor sebagai file variabel CSS (:root { --color-1: … }), variabel SCSS, cuplikan konfigurasi Tailwind, objek JSON, atau strip warna PNG. Ekspor PNG menggunakan Canvas API browser (toDataURL) untuk menggambar setiap swatch dengan label heksanya — semuanya dihasilkan secara lokal saat diklik.

Alat terkait

🎨

Pembuat Warna Acak

Buat warna acak satu per satu atau sebagai palet lima warna, kunci yang Anda suka, salin nilai HEX, RGB, atau HSL, dan ekspor palet sebagai PNG atau CSS.

Coba

🎨