Lompat ke konten
Aback Tools Logo

Generator Roda Warna

Hasilkan roda warna khusus untuk saturasi dan kecerahan apa pun - seketika dan gratis. Pilih dari 7 prasetel (cerah, pastel, lembut, gelap, neon), sesuaikan jumlah segmen dan radius dalam, dan unduh sebagai PNG berkualitas tinggi atau SVG yang dapat diskalakan. Berjalan sepenuhnya di browser Anda tanpa registrasi.

Generate Color Wheel

Adjust lightness and saturation to generate a custom color wheel. Download as PNG or SVG for use in design projects, presentations, or print. All generation runs locally in your browser - no signup required.

Presets
Controls
100%
0% (grey)100% (vivid)
50%
5% (dark)95% (light)
35%
0% (full disc)70% (thin ring)
Color Wheel Preview

S: 100% · L: 50% · 360 segments

12 Named Hues

Click any swatch to copy its HEX value to clipboard.

Current Wheel Parameters

Saturation

100%

Lightness

50%

Segments

360

Inner Radius

35%

Mengapa Menggunakan Generator Roda Warna Kami?

  • Pembuatan Roda Warna Instan: generator roda warna merender roda lengkap 360 hue secara real-time saat Anda menyesuaikan saturasi dan kecerahan. Perubahan diterapkan seketika tanpa lag - tanpa perjalanan bolak-balik ke server, tanpa menunggu.
  • Pemrosesan Aman & Privat: roda warna Anda dihasilkan sepenuhnya di browser Anda menggunakan canvas HTML5. Tidak ada data yang diunggah ke server mana pun, dan pilihan desain Anda tidak pernah meninggalkan perangkat.
  • Unduh sebagai PNG atau SVG: ekspor roda warna Anda sebagai PNG berkualitas tinggi untuk presentasi dan mockup, atau sebagai SVG yang dapat diskalakan untuk cetak, Figma, Illustrator, dan web - semuanya dengan satu klik.
  • 100 % Gratis Selamanya: gunakan generator roda warna ini tanpa registrasi, langganan, batas laju, atau paywall tersembunyi. Hasilkan dan unduh sebanyak mungkin roda warna yang Anda butuhkan, sepenuhnya gratis.

Apa itu generator roda warna?

Generator roda warna adalah alat yang merender visualisasi melingkar dari seluruh spektrum hue - dari 0° (merah) melalui 120° (hijau) hingga 240° (biru) dan kembali ke 360° (merah) - pada saturasi dan kecerahan yang dapat dikonfigurasi. Roda warna adalah alat referensi dasar dalam teori warna, digunakan untuk mengidentifikasi hubungan harmoni komplementer, analog, triadik, dan lainnya antar warna. Generator roda warna ini menggunakan model warna HSL (Hue, Saturation, Lightness) untuk menghasilkan roda yang presisi secara matematis yang dapat diunduh sebagai PNG atau SVG untuk digunakan dalam alur kerja desain apa pun.

Cara kerja generator roda warna kami

  1. Sesuaikan saturasi dan kecerahan: gunakan penggeser untuk mengatur saturasi (intensitas warna, 0-100 %) dan kecerahan (tingkat terang, 5-95 %) untuk seluruh roda. Semua 360 hue dirender pada saturasi dan kecerahan yang sama, sehingga roda menampilkan keluarga warna yang konsisten.
  2. Pilih prasetel atau jumlah segmen: pilih prasetel seperti Pastel, Lembut, atau Gelap untuk berpindah ke konfigurasi umum, atau pilih jumlah segmen (12, 24, 36, 72, atau 360) untuk mengontrol berapa banyak irisan warna berbeda yang muncul di roda.
  3. Unduh sebagai PNG atau SVG: klik tombol PNG untuk mengunduh gambar raster untuk presentasi dan mockup, atau klik SVG untuk mengunduh file vektor yang sepenuhnya dapat diskalakan untuk cetak, Figma, Illustrator, dan web. Kedua file dinamai dengan nilai saturasi dan kecerahan untuk referensi mudah.

Apa fungsi kontrolnya

  • Saturasi (0-100 %): mengontrol seberapa cerah atau keabu-abuan warna muncul. Pada 0 %, semua hue menjadi abu-abu. Pada 100 %, warna sepenuhnya tersaturasi dan cerah. Roda pastel biasanya menggunakan saturasi 40-70 %.
  • Kecerahan (5-95 %): mengontrol seberapa terang atau gelap warna muncul. Pada 50 %, warna berada di titik tengah paling cerahnya. Nilai lebih tinggi menghasilkan nada lebih terang seperti pastel; nilai lebih rendah menghasilkan nada lebih gelap dan kaya.
  • Radius Dalam (Donat): mengontrol ukuran pusat kosong. Pada 0 %, roda adalah cakram penuh. Nilai lebih tinggi menciptakan cincin lebih tipis - berguna untuk tata letak dekoratif atau cetak.
  • Segmen: mengontrol berapa banyak irisan warna berbeda yang membagi roda. 360 segmen menghasilkan roda dengan gradien mulus; 12 segmen menghasilkan roda 12 warna klasik yang digunakan dalam pendidikan teori warna tradisional.

Keterbatasan penting

Generator roda warna menggunakan model warna HSL, yang merupakan representasi silindris dari ruang warna RGB. HSL tidak seragam secara persepsi - artinya dua warna pada nilai kecerahan yang sama mungkin tidak tampak sama terang bagi mata manusia (misalnya, kuning pada L=50 % tampak jauh lebih terang daripada biru pada L=50 %). Untuk pekerjaan warna yang seragam secara persepsi, pertimbangkan model warna OKLCH atau LCH. Ekspor PNG dirender pada 400×400 piksel; untuk cetak resolusi lebih tinggi, unduh SVG dan ekspor pada DPI yang Anda butuhkan dari editor vektor.

Pertanyaan yang Sering Diajukan

Generator roda warna merender visualisasi melingkar dari seluruh spektrum hue pada saturasi dan kecerahan yang dapat dikonfigurasi, dapat diunduh sebagai PNG atau SVG.

Saturasi mengontrol kecemerlangan warna (0 % = abu-abu, 100 % = cerah). Kecerahan mengontrol tingkat terang (50 % = standar, lebih tinggi = lebih terang, lebih rendah = lebih gelap).

Ya. Semua pembuatan terjadi 100 % di sisi klien di browser Anda. Tidak ada data yang dikirim ke server mana pun.

Ya. 100 % gratis tanpa registrasi, tanpa fitur premium, dan tanpa batas penggunaan.

PNG adalah gambar raster 400×400 untuk presentasi dan web. SVG adalah vektor yang sepenuhnya dapat diskalakan untuk cetak, Figma, dan Illustrator.

360 segmen menghasilkan roda dengan gradien mulus. 12 segmen menghasilkan roda edukasi klasik 12 warna.

Ya. Roda warna yang dihasilkan adalah milik Anda untuk digunakan secara bebas dalam proyek pribadi atau komersial apa pun tanpa perlu atribusi.