Generator Warna Acak - Preset & Rentang HSL Khusus

Generator Warna Acak dengan Preset dan Kontrol HSL

Generator warna acak ini membuat warna secara instan dan membiarkan Anda mengarahkan hasilnya, bukan sekadar mengandalkan keberuntungan. Pilih preset gaya atau atur sendiri rentang hue, saturation, dan lightness, dan setiap warna langsung dilengkapi nilai HEX, RGB, dan HSL yang siap disalin.

Buat satu warna untuk tampilan detail, atau hasilkan hingga 100 warna sekaligus dalam bentuk grid. Kunci kotak warna yang Anda suka sambil mengocok ulang sisanya, simpan favorit yang bertahan di antara kunjungan, dan ekspor warna Anda sebagai variabel CSS. Dibuat untuk desainer web, desainer UI/UX dan grafis, serta developer yang butuh nilai warna siap pakai dengan cepat.

Privat secara bawaan: setiap warna dibuat di browser Anda, dan favorit disimpan secara lokal di perangkat Anda. Tidak ada yang pernah diunggah ke server.

Cara Memakai Generator Warna Acak

Pilih preset

Pilih Semua, Pastel, Vivid, Gelap, Terang, Muted, atau Neon untuk menentukan gaya warna secara keseluruhan. Setiap preset menyesuaikan rentang HSL untuk Anda.

Tentukan jumlah warna

Klik 1, 5, 10, atau 20, atau ketik angka berapa pun dari 1 sampai 100 di kolom khusus. Satu warna menampilkan pratinjau besar; lebih banyak warna muncul dalam grid.

Buat warna

Klik Buat atau tekan Space untuk membuat set baru. Buka panel Lanjutan kapan saja untuk menggeser handle hue, saturation, dan lightness demi kontrol yang presisi.

Salin atau simpan yang Anda suka

Klik nilai HEX, RGB, atau HSL mana pun untuk menyalinnya, ketuk ikon hati untuk menambah favorit, atau gunakan Salin Semua untuk mengambil semua warna saat ini sebagai variabel CSS.

Fitur

Preset Warna

Tujuh gaya bawaan — Semua, Pastel, Vivid, Gelap, Terang, Muted, dan Neon — menentukan rentang HSL yang tepat hanya dengan satu klik.

Slider Rentang HSL

Geser handle ganda untuk mengatur hue (0–360°), saturation (0–100%), dan lightness (0–100%) demi hasil yang presisi dan bisa diulang.

Pembuatan Banyak Warna

Buat 1 sampai 100 warna sekaligus — pratinjau tunggal yang besar atau grid kotak warna yang cepat disalin.

Kunci Warna

Dalam tampilan grid, kunci warna yang ingin dipertahankan dan buat ulang sisanya untuk menyusun palet satu kotak warna demi satu.

Sistem Favorit

Simpan warna kesukaan Anda dengan ikon hati. Favorit tersimpan di browser dan tetap ada di sesi berikutnya.

Format HEX, RGB & HSL

Setiap warna menampilkan ketiga format. Klik nilai mana pun untuk langsung menyalinnya ke clipboard.

Ekspor Variabel CSS

Pakai Salin Semua atau ekspor favorit Anda untuk mendapat blok :root berisi CSS custom properties yang siap tempel.

Pintasan Keyboard

Tekan Space untuk membuat set warna baru secara instan tanpa perlu menyentuh mouse.

Pertanyaan yang Sering Diajukan

Bagaimana cara kerja generator warna acak?

Setiap warna dipilih secara acak dari rentang hue, saturation, dan lightness yang Anda tentukan. Memilih preset atau menggeser slider HSL akan mempersempit rentang tersebut, jadi hasilnya acak tetapi selalu sesuai gaya yang Anda inginkan. Klik Buat atau tekan Space untuk set baru.

Format warna apa yang didukung (HEX, RGB, HSL)?

Setiap warna ditampilkan dalam tiga format: HEX (misalnya #FF5733), RGB (rgb(255, 87, 51)), dan HSL (hsl(14, 100%, 60%)). Klik nilai mana pun untuk menyalinnya ke clipboard.

Bagaimana membuat banyak warna acak sekaligus?

Klik tombol 1, 5, 10, atau 20, atau ketik angka berapa pun dari 1 sampai 100 di kolom khusus di sebelahnya. Satu warna menampilkan pratinjau besar dengan semua format, sedangkan banyak warna muncul dalam grid dengan nilai HEX yang cepat disalin.

Bisakah saya mendapat warna pastel, vivid, atau neon acak?

Bisa. Preset Pastel, Vivid, dan Neon masing-masing menerapkan rentang saturation dan lightness-nya sendiri — lembut dan terang untuk pastel, tegas dan jenuh untuk vivid, serta nada saturasi tinggi yang menyala untuk neon. Preset Gelap, Terang, dan Muted melengkapi sisa spektrumnya.

Bagaimana mempertahankan beberapa warna sambil mengubah yang lain?

Saat Anda membuat lebih dari satu warna, setiap kotak warna punya ikon kunci. Kunci warna yang ingin dipertahankan, lalu buat lagi — warna yang terkunci tetap di tempatnya sementara sisanya dikocok ulang. Klik kunci lagi untuk membukanya.

Bisakah saya menyimpan warna untuk nanti?

Bisa. Klik ikon hati pada warna mana pun untuk menambahkannya ke favorit, yang tersimpan di browser dan menunggu saat Anda kembali. Karena tersimpan di local storage, favorit bisa terhapus jika Anda membersihkan data browser atau memakai mode privat — jadi ekspor yang ingin Anda simpan.

Bagaimana mengekspor warna sebagai variabel CSS?

Klik Salin Semua untuk menyalin warna saat ini sebagai blok :root berisi CSS custom properties seperti --color-1: #FF5733;. Untuk warna tersimpan, gunakan ikon ekspor di bagian favorit untuk menyalinnya dalam format yang sama.

Apakah data saya privat?

Ya. Semua pembuatan warna berlangsung sepenuhnya di browser Anda, dan favorit Anda disimpan secara lokal di perangkat Anda. Tidak ada yang dikirim ke server mana pun.