Pemilih warna ini dimulai dari swatch visual, lalu menaruh angka yang presisi tepat di dekatnya. Anda bisa menempelkan nilai hex CSS seperti #3366cc, menggeser channel merah, hijau, biru, dan alpha, atau mengatur hue, saturation, dan lightness untuk kebutuhan design system. Nilai warna tidak diunggah - konversi terjadi secara lokal dengan JavaScript.
Pemilih warna gratis
Berjalan sepenuhnya di browser Anda - tanpa unggah, tanpa daftar.
Dipilih#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Apa itu pemilih warna?
Pemilih warna adalah tool untuk menentukan warna digital secara tepat dan menyalin nilainya untuk desain atau kode. Gunakan swatch, kolom HEX, slider RGB, atau kontrol HSL, lalu salin nilai HEX, RGB, HSL, HSV, atau CMYK seketika. Semuanya berjalan di browser.
Cara pakai
- 1Pilih atau tempel warna. Klik swatch besar untuk membuka pemilih warna browser, atau tempel nilai hex 3, 4, 6, atau 8 digit ke kolom HEX.
- 2Atur channel. Gunakan slider RGB untuk merah, hijau, biru, dan alpha, atau ubah hue, saturation, dan lightness jika ingin kontrol yang lebih nyaman untuk desain.
- 3Salin format yang dibutuhkan. Salin HEX, HEX8, RGB, HSL, HSV, atau CMYK dengan sekali klik. Pratinjau dan semua output diperbarui langsung.
Cocok untuk siapa
- Developer front-end yang perlu menyalin nilai HEX, RGB, dan HSL siap CSS saat membangun antarmuka.
- Desainer yang ingin menyetel warna brand lewat channel, bukan menebak-nebak di aplikasi grafis.
- Tim marketing yang mencocokkan warna kampanye di email builder, dokumen, dan aset media sosial.
- Pelajar dan kreator yang mempelajari cara RGB, HSL, HSV, dan CMYK menjelaskan warna yang sama.
Tanya jawab
Apakah pemilih warna ini gratis?
Ya. Pemilih warna ini gratis, tanpa daftar, dan tanpa batas penggunaan. Buka halaman, pilih warna, lalu salin format yang dibutuhkan.
Apakah warna saya diunggah ke server?
Tidak. Pemilih warna dan konversinya berjalan di browser dengan JavaScript biasa. Warna yang dipilih tidak dikirim ke server.
Format warna apa saja yang bisa disalin?
Anda bisa menyalin HEX, HEX 8 digit dengan alpha, RGB atau RGBA, HSL atau HSLA, HSV, dan CMYK. Tool menjaga semuanya tetap sinkron saat diedit.
Bisakah saya menempelkan warna hex?
Bisa. Tempel nilai hex CSS 3 digit, 4 digit, 6 digit, atau 8 digit, dengan atau tanpa simbol #. Nilai singkat akan diperluas mengikuti aturan CSS biasa.
Apa itu HEX8?
HEX8 adalah warna hex 8 digit dengan pasangan terakhir untuk alpha. Misalnya, #3366cc80 adalah biru yang sama dengan opacity sekitar 50%.
Sebaiknya pakai RGB atau HSL di CSS?
Gunakan RGB saat perlu nilai channel yang presisi atau alpha dengan rgba(). Gunakan HSL saat ingin membuat tint, shade, atau state UI terkait dengan mengubah saturation dan lightness.