Pengambil Warna
Pilih warna dan konversi ke notasi umum — HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, dan CMYK — untuk digunakan dalam kode, alat desain, dan cetakan.
Input
Pilih warna, atau ketikkan nilai HEX langsung.
Output
| Format | Nilai |
|---|---|
| No data yet | |
Cara lain menggunakan alat ini
REST API
curl -X POST https://api.iotools.cloud/v1/tool/color-picker \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"color": "#FF0000"
}'Ganti dengan kunci Anda sendiri dari akun Anda. Bidang alat menjadi isi permintaan — tanpa pembungkus.
Tanyakan ke agen AI
Use the IOTools `color-picker` tool (Color Picker) on this input:
YOUR_INPUT_HERETempelkan ini ke agen mana pun yang terhubung ke server MCP IOTools, lalu tambahkan input Anda.
Widget sematan
<iframe
src="https://iotools.cloud/embed/color-picker/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Pengambil Warna — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.
| Biaya per panggilan API/MCP | Mulai dari 5 kredit |
|---|---|
| Butuh kredit lebih? | Lihat harga |
Juga tersedia melalui
Panduan
Pengambil Warna memungkinkan Anda memilih warna apa pun dan langsung melihatnya dinyatakan dalam setiap notasi yang mungkin Anda perlukan untuk kode, alat desain, atau cetak: HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, dan CMYK. Pilih nuansa dengan palet warna bawaan, atau ketikkan nilai HEX langsung, dan tabel konversi diperbarui saat Anda bekerja.
Mengapa begitu banyak format?
Alat dan format file yang berbeda mengharapkan warna dalam notasi yang berbeda, dan tidak dapat saling dipertukarkan tanpa konversi:
- HEX (
#464AFF) adalah singkatan yang digunakan hampir di mana-mana di web — CSS, HTML, dan alat desain. - RGB (
rgb(70, 74, 255)) dan RGBA (dengan saluran alfa/opasitas) adalah nilai yang digunakan CSS, API kanvas, dan sebagian besar perpustakaan grafis di balik layar. - HSL (
hsl(239, 100%, 64%)) dan HSLA mendeskripsikan warna sebagai hue, saturation, dan lightness — model paling intuitif untuk menyesuaikan warna dengan tangan ("membuat agak lebih terang" hanya dengan menggeser L), umum dalam sistem desain dan properti khusus CSS. - HSV/HSB (hue, saturation, value/brightness) adalah model yang digunakan oleh sebagian besar pemilih warna di editor gambar seperti Photoshop dan GIMP.
- CMYK (cyan, magenta, yellow, key/black) adalah model subtraktif yang digunakan dalam produksi cetak — jika Anda mengirim desain ke printer, mereka akan menginginkan CMYK, bukan RGB.
Memiliki ketujuh notasi berdampingan berarti Anda tidak perlu mencari konverter terpisah ketika Anda diberikan warna dalam satu format dan membutuhkannya dalam format lain.
Cara menggunakannya
- Klik palet warna untuk membuka pemilih warna bawaan browser Anda, atau ketikkan kode HEX (dengan atau tanpa tanda
#di depan) langsung ke dalam bidang. - Tabel diperbarui segera dengan warna yang sama dalam notasi HEX, RGB, RGBA, HSL, HSLA, HSV, dan CMYK.
- Salin nilai baris mana pun dari tabel, atau gunakan tindakan salin/unduh kartu keluaran untuk mengambil seluruh tabel sebagai CSV.
Kedua notasi hex singkat 3 digit (#abc) dan hex lengkap 6 digit (#aabbcc) diterima; notasi singkat dinormalisasi menjadi setara 6 digitnya sebelum konversi.
FAQ
Mengapa persentase HSV dan HSL saya berbeda untuk warna yang sama? HSL dan HSV adalah dua model matematika yang berbeda yang dibangun dari nilai RGB yang sama — mereka berbagi sudut hue tetapi menghitung saturation secara berbeda, dan "lightness" HSL tidak sama dengan sumbu "value/brightness" HSV. Keduanya valid; mana yang Anda butuhkan tergantung pada alat atau spesifikasi mana yang Anda cocokkan.
Mengapa CMYK itu perkiraan?
Konversi RGB→CMYK menggunakan rumus naif standar (K = 1 - max(R,G,B)/255, kemudian menurunkan C/M/Y darinya) — garis dasar yang sama yang digunakan oleh sebagian besar konverter layar. Output cetak dunia nyata juga bergantung pada profil tinta printer Anda dan stok kertas, jadi perlakukan nilai CMYK sebagai perkiraan dekat, bukan kecocokan cetak yang dijamin.
Apakah saluran alfa dalam RGBA/HSLA berarti sesuatu?
Pemilih selalu menampilkan opasitas penuh (1), karena palet warna biasa tidak memiliki konsep transparansi — baris RGBA/HSLA hanya memberi Anda sintaks yang benar siap untuk diedit jika Anda memerlukan nilai alfa tertentu.
Privasi
Semua konversi warna terjadi secara lokal di browser Anda — warna yang Anda pilih tidak pernah dikirim ke server atau dicatat di mana pun.