Generator Palet Acak

COLOR PALETTE GENERATOR

Generator Palet Acak

Buat palet warna acak, salin nilai HEX, lihat RGB, bagikan URL, dan buka kembali palet terbaru dari riwayat browser.

Pengaturan saat iniPalet 5 warnaDapat dibuat dengan tombol Space

Kondisi pembuatan

Jumlah warna dan aksi berbagi disusun pada satu baris kontrol yang rapi.

Aksi palet

Palet disimpan di URL dan riwayat browser. Ketuk kartu warna untuk menyalin kode HEX.

Palet yang dibuat

Belum ada palet yang dibuat. Mulai dengan tombol atau tombol Space.

0 warna

Setelah palet baru dibuat, kartu warna dengan nilai HEX dan RGB akan muncul di sini.

Riwayat (0/50)

Muat kembali kombinasi warna terbaru.

Belum ada palet yang dibuat

Cara cepat

Penjelasan panjang ada di panduan; area alat hanya menyisakan aksi yang dipakai saat bekerja.

  • BuatTombol atau Space
  • Salin warnaKlik kartu atau Enter
  • BagikanWarna saat ini di URL
  • SimpanRiwayat lokal browser

Panduan palet acak

Buat kombinasi warna acak dan langsung baca nilai HEX serta RGB

Generator Palet Acak membantu memilih jumlah warna lalu membuat palet baru dari nilai RGB acak yang berdiri sendiri. Setiap kartu hasil menampilkan kode HEX siap pakai untuk web bersama nilai RGB, sementara kartu warna, bagikan, salin URL, dan riwayat membantu membuka kembali kombinasi yang baru dibuat.

Di layar, gunakan urutan pilih jumlah, buat, lalu salin

Alat ini bukan kalkulator real-time yang menunggu langkah hitung terakhir. Ini adalah alat palet yang dijalankan setiap kali kamu ingin melihat kombinasi warna baru. Layar dimulai dari jumlah warna, lalu berakhir pada penyalinan kartu hasil dan berbagi.

  1. Jumlah warna Pilih antara 3 sampai 15 warna. Palet pendek cocok untuk mencari warna aksen, sedangkan 10 warna atau lebih memberi lebih banyak kandidat.
  2. Buat palet baru Tekan tombol, atau tekan Space saat fokus halaman berada di area biasa, untuk membuat kombinasi warna baru.
  3. Kartu warna Ketuk kartu untuk menyalin kode HEX. Nilai RGB di dalam kartu membantu saat kamu perlu memastikan warna yang sama di CSS atau alat desain lain.
  4. Bagikan atau salin URL Aksi ini menyimpan palet saat ini ke alamat. Palet terbaru tersimpan di riwayat browser hingga 50 entri dan bisa dihapus sekaligus.

HEX adalah nilai siap tempel; RGB membantu membaca kanal warna

Notasi HEX seperti `#13743E` menggabungkan kanal merah, hijau, dan biru ke bentuk warna web heksadesimal. RGB menampilkan warna yang sama sebagai tiga angka dari 0 sampai 255, misalnya `RGB(19, 116, 62)`.

Jumlah warna

Jumlah kartu warna yang dibuat sekaligus. Tiga warna berguna untuk aksen; palet lebih panjang membantu saat ingin melihat lebih banyak kandidat.

Kode HEX

Nilai yang mudah ditempel ke CSS, Figma, atau editor gambar. Klik kartu juga menyalin nilai HEX ini.

Nilai RGB

Warna yang sama dipecah menjadi tiga angka. Ini membantu melihat apakah satu kanal terlalu kuat atau warna terlalu gelap.

Riwayat

Palet terbaru disimpan di browser ini. Ini catatan kerja sementara di perangkat yang sama, bukan pustaka yang tersinkron dengan akun.

Warna dibuat dari RGB acak, bukan dari aturan harmoni

Alat saat ini tidak mengoreksi warna agar mengikuti teori harmoni tertentu. Untuk setiap warna, kanal merah, hijau, dan biru dibuat sebagai nilai byte acak yang independen, lalu diubah menjadi notasi HEX dan RGB. Hasilnya bisa terlihat seimbang, atau justru punya kontras yang kasar.

CSS Color Module — HEX notationReferensi untuk memastikan arti format warna web `#RRGGBB`.MDN Web Crypto getRandomValuesReferensi untuk memeriksa cara browser mengisi array byte acak.

Palet contoh dipakai untuk memeriksa format dan alur berbagi

Misalnya setelah membuat palet 5 warna, area hasil dapat menampilkan kode HEX seperti `#13743E` dan `#0BE813`, dengan nilai RGB seperti `RGB(19, 116, 62)` di bawahnya. Nilai ini bukan hasil tetap; fungsinya untuk menjelaskan format output.

InputJumlah 5 warna

Lihat kandidat warna dengan cepat untuk banner web pendek atau UI kartu.

HasilKartu HEX + RGB

Ketuk kartu yang cocok untuk menyalin satu kode HEX.

SimpanURL dan riwayat

Bagikan kombinasi saat ini lewat URL dan muat kembali kombinasi terbaru dari riwayat.

Hasil acak adalah kandidat, bukan palet final

Sebelum memakai kombinasi sebagai sistem warna final, periksa kontras teks dan latar, benturan dengan warna merek, serta apakah pengguna dengan perbedaan penglihatan warna tetap bisa membedakan status penting.

Karena palet bersifat acak, kombinasi yang layak tetap perlu dipilih

  • Pembuatan acak tidak menjamin harmoni. Sebagian palet bisa terlalu mencolok, kusam, atau terlalu mirip antar kartu.
  • Warna di URL dipakai untuk membuka kembali kombinasi saat ini. Riwayat tersimpan di browser, jadi belum tentu terbawa ke perangkat lain.
  • Nilai yang disalin adalah kode HEX. Jika membutuhkan RGB, baca nilai RGB yang tampil di dalam kartu.
  • Sebelum berbagi, pastikan jumlah warna sudah sesuai. Palet panjang seperti 15 warna juga membuat area riwayat lebih tinggi.

Pertanyaan yang sering muncul

Apakah menekan tombol yang sama selalu membuat palet yang benar-benar berbeda?

Biasanya alat membuat kombinasi baru dari nilai acak baru, jadi palet berubah. Namun karena nilainya acak, beberapa warna bisa saja terlihat mirip secara kebetulan.

Apakah alat ini hanya memilih warna yang harmonis?

Tidak. Alat saat ini tidak menerapkan aturan harmoni; alat membuat nilai RGB acak. Ini berguna untuk menemukan kandidat, tetapi pilihan final tetap harus kamu tentukan.

Seberapa banyak riwayat yang disimpan?

Hingga 50 palet terbaru disimpan di browser saat ini. Untuk komputer bersama atau lintas perangkat, salin URL juga.

Sebaiknya memakai HEX atau RGB?

HEX nyaman untuk ditempel ke CSS dan alat desain. RGB berguna saat kamu ingin membaca warna sebagai kanal merah, hijau, dan biru.

Mengapa tombol Space kadang tidak membuat palet?

Saat input atau tombol sedang fokus, Space bisa dipakai untuk mengoperasikan kontrol itu. Klik area halaman biasa sekali, lalu tekan Space lagi.

Roberin
Developer yang berpengalaman
Saya Roberin, developer berpengalaman yang menciptakan dunia yang lebih baik melalui tools kreatif dan praktis. Teknologi adalah untuk semua orang - mari bersama-sama membangun dunia yang lebih nyaman! 😊
Formulir kontak
Kirim hanya detail yang perlu kami periksa.
Jika perlu balasan, sertakan alamat email. Untuk laporan kesalahan, tuliskan URL halaman, nilai yang dimasukkan, hasil yang diharapkan, dan hasil yang muncul.