Generator Skema Warna Analog Online

Fitur dan Cara Kerja

Generator ini membantu Anda menemukan palet tiga warna yang harmonis secara visual. Warna analog terletak bersebelahan pada roda warna, sehingga menciptakan tampilan yang tenang dan kohesif.

Contoh Nyata

Dengan warna dasar #3B82F6 dan jarak 30 derajat, hasilnya adalah:

• Kiri: #3CE0F6
• Tengah: #3B82F6 (warna dasar)
• Kanan: #523CF6

Jika jarak diubah menjadi 90 derajat, hasilnya menjadi #3CF652, #3B82F6, dan #F63CE0.

Parameter yang Dapat Disesuaikan

• Warna dasar: pilih dari bidang warna atau masukkan nilai HEX/RGB/HSV/HSL.
• Jarak hue: 1–90 derajat, menentukan pergeseran hue untuk warna kiri dan kanan.
• Panel lanjutan: setiap swatch (dasar dan hasil) dapat diedit manual melalui panel HEX, RGB, HSV, HSL.

Keterbatasan

Perhitungan dilakukan lokal di browser Anda. Namun, perlu diingat:

• Skema analog tidak menjamin kontras yang cukup untuk teks atau aksesibilitas. Selalu uji pasangan latar depan/latar belakang secara terpisah.
• Mengedit satu warna hasil tidak menghitung ulang dua warna lainnya; hanya mengubah warna yang diedit.
• Tidak ada skor kontras otomatis, simulasi buta warna, peringatan gamut, atau ekspor file.

Panduan Penggunaan

• Gunakan jarak kecil (15–30°) untuk palet yang sangat mirip, jarak lebih besar (60–90°) untuk variasi lebih jelas.
• Periksa hasil pada layar yang berbeda karena persepsi warna dapat bervariasi.
• Kombinasikan dengan alat kontras untuk memastikan keterbacaan.

Pertanyaan Umum

1. Mengapa warna tengah selalu sama persis dengan warna dasar?

Karena warna tengah sengaja dipertahankan sebagai warna dasar yang Anda pilih, tanpa konversi bolak-balik yang dapat mengubah nilai HEX. Ini memastikan hasilnya identik dengan input Anda.

2. Apa yang terjadi jika saya mengubah nilai hue melebihi 360 derajat?

Nilai hue akan dibungkus (wrap) secara otomatis, misalnya 370 derajat menjadi 10 derajat. Jadi Anda selalu mendapatkan warna yang valid dalam rentang 0–359 derajat.

3. Bisakah saya mengedit warna hasil secara manual?

Ya, setiap swatch hasil memiliki panel lanjutan yang dapat diedit. Namun, perubahan hanya berlaku pada swatch tersebut dan tidak memicu perhitungan ulang warna lainnya.