Skip to content
Zoyku

Pemilih Warna

Pilih warna dari swatch atau ambil langsung dari layar Anda dengan API EyeDropper — hex, RGB, dan HSL tersalin sekali klik.

#0071e3
rgb(0, 113, 227)
hsl(210, 100%, 45%)

Your browser does not expose the EyeDropper API, so use the swatch input; hex/rgb/hsl values still update live.

Alat ini berjalan sepenuhnya di browser Anda. Data Anda tidak pernah meninggalkan perangkat — tidak diunggah ke server mana pun.

Cara pakai

  1. 1Klik swatch warna dan pilih warna, atau pakai Ambil dari layar di tempat tersedia.
  2. 2Baca nilai hex, RGB, dan HSL di bawah pratinjau.
  3. 3Klik Salin di sebelah format yang Anda butuhkan.

Pemilih Warna

Klik swatch untuk menyusun warna secara visual, atau — di browser Chromium — pakai Ambil dari layar untuk mengambil piksel mana pun yang sudah ada di layar Anda. Nilai terpilih muncul serentak sebagai hex, rgb(), dan hsl(), masing-masing dengan tombol salinnya sendiri.

Pengambilan sampel memakai API EyeDropper bawaan browser dan membaca pikselnya secara lokal; tidak ada yang direkam, diunggah, atau disimpan. Di browser tanpa API itu, masukan swatch menjaga semuanya tetap bekerja.

Pertanyaan yang sering diajukan

Kenapa “Ambil dari layar” tidak muncul?

API EyeDropper saat ini tersedia di browser berbasis Chromium (Chrome, Edge, Brave, Opera). Firefox dan Safari belum mengeksposnya, jadi browser tersebut hanya menampilkan masukan swatch — sisanya bekerja identik.

Apa bedanya hex, RGB, dan HSL?

Ketiganya menggambarkan warna yang sama dengan tiga cara: hex mengemas merah-hijau-biru menjadi #RRGGBB untuk CSS dan alat desain; rgb() menyatakan ketiga kanalnya secara numerik; hsl() menyatakan hue, saturasi, dan lightness, yang lebih mudah untuk membangun palet dan hover state dengan tangan.

Apakah pengambilan sampel layar itu privat?

Ya. API EyeDropper menampilkan picker sistem dan hanya mengembalikan satu piksel yang Anda klik; pembacaannya terjadi di browser Anda dan tidak ada screenshot, riwayat, atau nilai yang dikirim atau disimpan.

Alat terkait

Semua alat Utilitas →

Konverter Warna

Tempel warna dalam hex, rgb(), atau hsl() dan dapatkan ketiga formatnya plus baris tint dan shade siap pakai untuk design system Anda.

Semua alat →

Generator Kode QR

Ubah teks atau URL apa pun menjadi kode QR tajam dengan ukuran, warna, dan level koreksi error yang bisa diatur — unduh sebagai PNG atau SVG.

Semua alat →

Generator Barcode

Buat barcode CODE128, EAN-13, dan UPC-A yang bisa di-scan dengan lebar dan tinggi batang yang bisa diatur — output SVG vektor, dirender di browser Anda.

Semua alat →

Kalkulator Aspect Ratio

Diberi rasio seperti 16:9 dan satu dimensi, dapatkan lebar atau tinggi yang hilang seketika — plus preset dari 1:1 sampai 21:9 untuk video dan desain.

Semua alat →

Sematkan alat ini

Tambahkan alat ini ke situs Anda dengan satu baris — berjalan di browser pengunjung.

<iframe src="https://zoyku.com/id/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>
100% local processing