Lingkaran Warna
Lingkaran warna interaktif dengan geser-untuk-pilih hue, 6 aturan harmoni, input HEX/RGB/HSB/CMYK/LAB, ekstraksi palet dari gambar, dan salin satu ketukan. Berfungsi offline.
Tentang tools ini
Lingkaran warna interaktif terinspirasi Adobe Color. Geser marker di sekitar roda untuk memilih hue, atur saturasi dan kecerahan dengan slider, dan lihat marker harmoni muncul otomatis sesuai aturan yang dipilih. Enam mode harmoni: Komplementer, Analog, Triadik, Tetradik, Split-Complementary, dan Monokromatik. Konversi warna yang dipilih antara HEX, RGB, HSB, CMYK, dan LAB. Unggah gambar untuk mengekstrak palet 6 warna lewat clustering k-means. Simpan palet secara lokal, ekspor sebagai CSS, SCSS, JSON, atau teks biasa. Setiap nilai warna cukup satu ketukan ke clipboard. Semua berjalan di browser — tidak ada data yang keluar dari perangkat, dan berfungsi sepenuhnya offline.
Detail
- Kategori
- design
- Versi
- 2.0.0
- Ukuran
- 38 KB
- Diperbarui
- Jun 2026
Pertanyaan Umum
Bagaimana cara memilih warna?
Geser marker di lingkaran warna untuk memilih hue. Jarak dari pusat mengatur saturasi. Pakai slider B dan S di bawah roda untuk mengatur kecerahan dan saturasi, atau ketik nilai HEX di kartu nilai. Marker harmoni diperbarui secara real-time saat warna dasar berubah.
Apa perbedaan aturan harmoni?
Komplementer memasangkan dasar dengan hue berlawanan (180°). Analog memakai hue tetangga (±30°/±60°). Triadik memilih tiga hue berjarak rata (120°). Tetradik (persegi panjang) memakai empat hue pada jarak 90°. Split-Complementary memakai dua hue di sebelah komplemen (150° dan 210°) untuk kontras tinggi dengan tegangan lebih rendah. Monokromatik mempertahankan hue yang sama dan variasi hanya pada lightness.
Apa arti titik-titik kecil di roda?
Itu menandai warna harmoni untuk aturan yang sedang aktif. Klik titik mana saja untuk melompatkan warna dasar ke hue tersebut. Pusat roda selalu menampilkan warna dasar saat ini sebagai pratinjau.
Bagaimana kerja ekstraksi palet dari gambar?
Tap "Ekstrak dari gambar", pilih foto, dan tool menjalankan k-means clustering pada pixel (di-downscale demi kecepatan). Mengembalikan 6 warna paling dominan, diurutkan berdasarkan frekuensi. Tap swatch hasil ekstraksi untuk menjadikannya warna dasar baru.
Model warna apa yang didukung?
HEX, RGB, HSB, CMYK, dan LAB. Ganti tab di atas grid nilai. Mengubah nilai numerik apa pun memperbarui warna dasar langsung, dan kamu bisa menyalin string terformat lengkap (mis. rgb(59, 130, 246)) dengan tombol salin di sebelah input.
Bagaimana cara simpan dan ekspor palet?
Tap "Simpan" untuk menyimpan palet saat ini secara lokal dengan nama. Buka lagi dari daftar palet tersimpan. Tap "Ekspor" untuk menyalin sebagai variabel CSS, variabel SCSS, JSON, atau hex terpisah newline. Setiap swatch di palet juga satu ketukan dari clipboard.
Apakah data saya privat?
Ya. Palet tersimpan berada di localStorage di perangkatmu. Ekstraksi gambar terjadi seluruhnya di browser lewat canvas — gambar tidak pernah diunggah. Tool bekerja penuh offline.
