Fibonacci Color Wheel System

Sistem tiga wheel untuk mengontrol Hue, Value, dan Saturation dengan 9 slider kontrol. Hasilnya adalah 9 warna harmonis berdasarkan rasio Fibonacci.

Tutorial Penggunaan Sistem Fibonacci Color Wheel

  1. Hue Wheel: Geser slider H1 dan H2 untuk memilih dua posisi warna utama pada lingkaran warna (0–360°). H3 otomatis dihitung dengan rumus Fibonacci.
  2. Value Wheel: Geser slider V1 dan V2 untuk mengatur tingkat kecerahan (brightness) dari 0% (gelap) sampai 100% (terang). V3 otomatis dihitung dengan rumus Fibonacci.
  3. Saturation Wheel: Geser slider S1 dan S2 untuk mengatur tingkat saturasi dari 0% (abu-abu) sampai 100% (warna penuh). S3 otomatis dihitung dengan rumus Fibonacci.
  4. Sub Ratio: Slider "Sub Ratio" pada setiap wheel mengatur jarak titik-titik sub dari titik utama, menghasilkan variasi warna harmonis.
  5. Farther/Closer: Slider kedua (H2, V2, S2) dapat diubah ke mode "Farther" untuk menghasilkan warna yang lebih jauh di lingkaran.
  6. Visualisasi: Semua titik utama dan sub-point divisualisasikan di wheel sesuai posisi derajat hasil mapping, tidak menumpuk di 0°/360°.
  7. Palette Warna: 9 kombinasi warna harmonis akan muncul di bawah wheel, hasil dari penggabungan Hue, Value, dan Saturation.
  8. HEX & Color Picker: Anda dapat memilih warna langsung atau memasukkan kode HEX untuk mengatur H1/V1/S1 dan H2/V2/S2.
  9. Background: Ubah warna latar belakang sesuai preferensi untuk kenyamanan visual.
Tips: Cobalah berbagai kombinasi slider dan sub-ratio untuk menemukan harmoni warna yang unik!
Klik kotak warna untuk memilih, atau masukkan kode HEX lalu klik Apply.

Hue Wheel

H1:
H2: 220°
Sub Hue Ratio: 50%

Value Wheel

V1: 50%
V2: 70%
Sub Value Ratio: 50%

Saturation Wheel

S1: 50%
S2: 70%
Sub Saturation Ratio: 50%

Petunjuk Penggunaan

  1. Atur posisi H1 dan H2 pada Hue Wheel menggunakan slider
  2. Atur posisi V1 dan V2 pada Value Wheel menggunakan slider
  3. Atur posisi S1 and S2 pada Saturation Wheel menggunakan slider
  4. Gunakan slider "Sub Ratio" untuk mengatur jarak titik sub dari titik utama
  5. Warna akhir akan ditampilkan dalam palette di bawah
  6. Setiap warna merupakan kombinasi dari Hue, Value, dan Saturation