Menebak-nebak kombinasi warna yang cocok cuma buang-buang waktu desain. Pembuat palet ini memakai harmoni roda warna klasik - hubungan hue yang sama seperti diajarkan dalam teori warna - jadi setiap palet tersusun secara matematis, bukan sekadar tebakan mata. Klik swatch mana pun untuk menyalin kode hex-nya, atau salin seluruh palet sebagai custom property CSS yang siap tempel. Semuanya client-side sepenuhnya: tanpa akun, tanpa upload, tanpa pelacakan warna brand kamu.
Pembuat Palet Warna Gratis
Berjalan sepenuhnya di browser Anda - tanpa unggah, tanpa daftar.
Harmoni
Variabel CSS
Apa itu pembuat palet warna?
Pembuat palet warna menyusun skema warna yang serasi dari satu warna dasar menggunakan teori roda warna. Pilih atau ketik warna hex, pilih harmoni seperti komplementer, analog, triadik atau monokromatik, dan alat ini langsung menghitung warna-warna yang selaras - masing-masing dengan kode hex yang bisa disalin. Semuanya berjalan langsung di browser.
Cara pakai
- 1Atur warna dasar. Klik color well untuk memilih secara visual, ketik kode hex seperti #6366f1, atau tekan Acak untuk titik awal baru.
- 2Pilih harmoni. Beralih antara komplementer, split-komplementer, analog, triadik, tetradik, monokromatik, shade dan tint. Palet langsung dihitung ulang.
- 3Salin warnanya. Klik swatch mana pun untuk menyalin kode hex-nya, atau pakai tombol Salin untuk mengambil seluruh palet sebagai variabel CSS.
Cocok untuk siapa
- Web designer yang memulai situs dari satu warna brand: buat pendamping analog atau split-komplementer untuk background, tombol dan aksen.
- Front-end developer yang butuh starter design token: salin palet sebagai variabel CSS dan langsung tempel ke stylesheet.
- Marketer dan pembuat slide yang mencocokkan chart, grafis media sosial atau presentasi dengan warna logo tanpa alat desain.
- Ilustrator dan hobiis yang mengeksplorasi shade dan tint dari satu hue untuk membangun kedalaman, highlight dan bayangan pada karyanya.
Tanya jawab
Apakah pembuat palet warna ini gratis?
Ya - 100% gratis tanpa perlu daftar, tanpa watermark dan tanpa batasan. Buat dan salin sebanyak apa pun palet yang kamu mau, untuk proyek pribadi maupun komersial.
Apakah data warna saya diunggah ke suatu tempat?
Tidak. Palet dihitung sepenuhnya di browser kamu dengan JavaScript biasa. Warna brand, input dan klik kamu tidak pernah dikirim ke server mana pun.
Apa itu warna komplementer?
Warna komplementer berada tepat di seberang warna dasar pada roda warna - rotasi hue 180 derajat. Pasangan komplementer seperti biru dan oranye memberikan kontras terkuat, sehingga populer dipakai untuk tombol call-to-action di atas warna brand.
Apa bedanya palet analog dan triadik?
Palet analog memakai hue yang bertetangga (sekitar 30 derajat dari warna dasar), jadi terasa tenang dan menyatu. Palet triadik memakai tiga hue yang berjarak 120 derajat, menghasilkan skema yang lebih hidup dan seimbang dengan kontras antar warna yang lebih kuat.
Apa itu shade dan tint?
Shade menggelapkan warna dasar dengan menurunkan lightness-nya ke arah hitam; tint mencerahkannya ke arah putih. Keduanya mempertahankan hue dan saturasi yang sama, jadi cocok untuk hover state, border dan lapisan background dari satu warna brand.
Berapa banyak warna yang idealnya dipakai untuk palet website?
Aturan umumnya 60-30-10: satu warna dominan untuk sekitar 60% tampilan, warna sekunder untuk 30%, dan aksen untuk 10%. Mulai dari harmoni 3-5 warna di sini, lalu tambahkan shade dan tint dari masing-masing untuk state dan permukaan lain.
Kenapa paletnya nyaris tidak berubah untuk abu-abu atau hitam?
Abu-abu, hitam dan putih punya saturasi nol, jadi tidak ada hue yang bisa diputar oleh rotasi harmoni - memutar sesuatu yang kosong ya tetap menghasilkan warna netral yang sama. Bangun gradasi netral dengan mode lightness sebagai gantinya: tint untuk hitam atau abu-abu gelap, shade untuk putih atau abu-abu terang, dan monokromatik untuk abu-abu tengah.