Pemilih Warna - Nilai HEX, RGB, HSL, HSV, dan CMYK

Pemilih Warna untuk HEX, RGB, HSL, HSV, dan CMYK

Pemilih Warna adalah alat pemilih warna online yang memungkinkan Anda memilih warna apa pun secara visual dan membaca nilainya dalam setiap format umum sekaligus. Seret di dalam kotak warna, geser bilah hue dan opasitas, atau ketik kode HEX, dan nilai HEX, RGB, RGBA, HSL, HSV, serta CMYK langsung diperbarui.

Alat ini dibuat untuk pengembang web, desainer UI dan grafis, serta siapa pun yang butuh kode warna yang tepat tanpa berpindah-pindah konverter. Pipet bawaan mengambil warna langsung dari layar Anda, sementara riwayat dan favorit menjaga warna terbaru dan tersimpan tetap berjarak satu klik.

Privat secara bawaan: setiap warna dihitung di browser Anda, dan riwayat serta favorit Anda hanya disimpan di local storage browser. Tidak ada apa pun yang pernah diunggah ke server.

Cara Menggunakan Pemilih Warna

Pilih warna

Klik atau seret di dalam kotak warna untuk mengatur saturasi (kiri ke kanan) dan kecerahan (bawah ke atas). Seret slider Hue untuk mengubah warna dasar di seluruh spektrum 0°–360°.

Atur opasitas

Seret slider Opasitas untuk membuat warna dari benar-benar transparan hingga sepenuhnya pekat. Pratinjau papan catur serta nilai RGBA dan HEX 8 digit mencerminkan alpha yang Anda pilih.

Atau masukkan kode HEX

Ketik langsung di kolom HEX untuk melompat ke warna yang sudah diketahui. Kolom ini menerima nilai 3 digit (#FFF), 6 digit (#FFFFFF), dan 8 digit (#FFFFFFAA), lalu pemilih menyesuaikan secara otomatis.

Salin nilai yang Anda butuhkan

Gunakan tombol salin di samping format mana pun, atau Salin Semua untuk menyalin HEX, RGB, RGBA, HSL, HSV, dan CMYK sekaligus, masing-masing pada barisnya sendiri. Klik ikon hati untuk menyimpan warna ke favorit Anda.

Fitur

Pemilih Warna Visual

Pilih warna secara intuitif dengan kotak warna HSV plus slider hue dan opasitas, semuanya diperbarui secara langsung.

Banyak Format Warna

Baca setiap warna sebagai HEX, RGB, RGBA, HSL, HSV, dan CMYK secara bersamaan, siap untuk web atau cetak.

Alat Pipet

Ambil warna apa pun dari mana saja di layar Anda menggunakan pipet bawaan browser, tersedia di Chrome dan Edge.

Pembuat Warna Acak

Buat warna baru dengan saturasi dan kecerahan yang seimbang kapan pun Anda butuh inspirasi cepat.

Riwayat & Favorit

50 warna terakhir yang Anda pilih dilacak otomatis, dan favorit tetap tersimpan untuk dipakai ulang sekali klik.

Data Anda Tetap Privat

Semua proses berjalan di browser Anda dan warna Anda tetap di local storage, tidak pernah diunggah atau dilacak.

Pertanyaan yang Sering Diajukan

Bagaimana cara mengambil warna dari layar saya?

Klik tombol pipet Ambil dari layar, lalu klik piksel mana pun di layar Anda. Pemilih membaca warna tepat itu dan menampilkan nilai HEX, RGB, serta lainnya. Fitur ini memakai EyeDropper bawaan browser, jadi berfungsi di Chrome dan Edge.

Apa itu kode warna HEX?

Kode HEX adalah format web standar yang menulis warna sebagai #RRGGBB menggunakan digit heksadesimal, misalnya #FF5733. Kode ini membawa informasi merah, hijau, dan biru yang sama seperti nilai RGB seperti rgb(255, 87, 51), hanya dalam notasi yang lebih pendek. HEX 8 digit seperti #FF5733AA menambahkan kanal alpha (opasitas).

Bagaimana cara mengubah HEX ke RGB?

Ketik atau tempel kode HEX ke kolom HEX dan nilai RGB langsung muncul di kotaknya sendiri, siap disalin. Anda tidak perlu menghitung apa pun; pemilih menangani konversi HEX, RGB, RGBA, HSL, HSV, dan CMYK untuk Anda secara bersamaan.

Kapan sebaiknya memakai HSL versus HSV?

HSL (Hue, Saturation, Lightness) didukung luas di CSS dan penataan web. HSV (Hue, Saturation, Value) umum di alat desain seperti Photoshop dan Figma karena Value lebih sesuai dengan cara kita merasakan kecerahan. Keduanya menggambarkan pemilih yang sama; pilih yang cocok dengan alat Anda.

CMYK dipakai untuk apa?

CMYK (Cyan, Magenta, Yellow, Key/Black) adalah model warna yang dipakai untuk cetak. Jika Anda menyiapkan karya untuk dicetak, salin nilai CMYK agar warna Anda lebih akurat tercetak di kertas dibanding nilai RGB di layar.

Apa fungsi nilai opasitas / alpha?

Opasitas mengontrol seberapa transparan warnanya. Pada 100% warna sepenuhnya pekat, dan pada 0% benar-benar tembus pandang. Menurunkannya berguna untuk overlay, bayangan, dan desain berlapis, dan alpha tercermin pada nilai RGBA serta kode HEX 8 digit.

Mengapa tombol pipet tidak muncul?

Pipet mengandalkan EyeDropper API bawaan browser, yang saat ini tersedia di Chrome dan Edge. Di browser yang tidak mendukungnya, seperti Firefox dan Safari, tombolnya disembunyikan. Anda tetap bisa mengatur warna apa pun dengan mengetik kode HEX-nya.

Apakah warna yang saya simpan disimpan online?

Tidak. Favorit dan riwayat Anda hanya disimpan di local storage browser, jadi tetap berada di perangkat Anda dan bertahan antar sesi. Tidak ada yang diunggah, dan Anda bisa menghapus riwayat atau favorit kapan saja.