Pemilih Warna Pemilih warna interaktif dengan output HEX, RGB, HSL, dan CMYK.

🎨

Pemilih Warna

Pemilih warna interaktif dengan output HEX, RGB, HSL, dan CMYK.

Pilih Warna

Klik pada kanvas warna, gunakan pemilih asli, atau sesuaikan penggeser HSL.

Lihat Semua Format

Tampilkan warna dalam HEX, RGB, HSL, dan CMYK secara bersamaan.

Salin Format Apapun

Klik Salin di sebelah format mana pun untuk mendapatkan nilainya untuk proyek Anda.

Loading tool...

What Is Pemilih Warna?

Sebuah pemilih warna interaktif yang memungkinkan Anda memilih warna apa pun dan langsung melihat nilainya dalam empat format warna utama: HEX, RGB, HSL, dan CMYK. Alat ini memiliki canvas saturasi-keterangan, slider hue, dan input warna asli, memberi Anda beberapa cara untuk menemukan warna yang tepat yang Anda butuhkan. Baik Anda seorang desainer yang mencari nuansa yang sempurna, pengembang yang memerlukan nilai warna untuk CSS, atau siapa saja yang bekerja dengan warna, alat ini menyediakan semua nilai yang Anda perlukan dalam satu tempat. Canvas menghasilkan grid saturasi-keterangan penuh untuk hue yang dipilih saat ini, memungkinkan Anda menjelajahi variasi warna secara visual. Keempat format output diperbarui secara real-time dan termasuk tombol salin, sehingga Anda dapat dengan cepat mendapatkan nilai yang dibutuhkan untuk konteks apa pun - pengembangan web, desain cetak, atau pengembangan aplikasi.

Why Use Pemilih Warna?

Metode input ganda: kanvas, pemilih asli, dan penggeser HSL
Empat format output secara bersamaan: HEX, RGB, HSL, CMYK
Pratinjau warna besar untuk penilaian visual yang akurat
Pemilih kejenuhan-keterangan berbasis kanvas untuk eksplorasi warna yang presisi
Salin sekali klik untuk setiap format

Common Use Cases

Pengembangan Web

Temukan dan salin warna yang sempurna dalam format CSS yang kompatibel (HEX, RGB, HSL).

Pekerjaan Desain

Jelajahi warna secara visual menggunakan kanvas dan dapatkan nilai yang tepat untuk alat desain.

Referensi Antara Format

Lihat bagaimana satu warna diterjemahkan ke dalam HEX, RGB, HSL, dan CMYK secara bersamaan.

Persiapan Cetak

Pilih warna secara visual dan dapatkan nilai CMYK untuk spesifikasi cetak.

Technical Guide

Pemilih warna menghasilkan canvas 256×256 di mana sumbu X mewakili saturasi (0-100%) dan sumbu Y mewakili keterangan (100-0%). Untuk setiap piksel, konversi HSL ke RGB dihitung dan digambar. Slider hue mengontrol hue yang ditampilkan pada canvas, membuat ruang eksplorasi komprehensif untuk warna apa pun. Canvas menggunakan HTML5 Canvas API untuk rendering waktu nyata. Ketika pengguna mengklik pada canvas, posisi mouse dipetakan ke nilai saturasi dan keterangan, yang kemudian dikonversi ke semua empat format output. Input warna asli HTML menyediakan metode seleksi alternatif dan disinkronkan secara dua arah dengan slider HSL. Output CMYK menggunakan rumus konversi matematis RGB-ke-CMYK. Semua konversi terjadi secara real-time tanpa interaksi server, membuat alat ini responsif dan pribadi.

Tips & Best Practices

1
Klik di mana saja pada kanvas untuk dengan cepat menemukan warna dalam keluarga hue saat ini
2
Gunakan penggeser hue untuk menyapu spektrum, lalu sesuaikan dengan kanvas
3
Pemilih warna asli memberikan akses ke dialog warna OS Anda untuk presisi maksimum
4
Salin HEX untuk web, RGB untuk Canvas/JavaScript, HSL untuk tema CSS, CMYK untuk cetak
5
Nilai HSL seringkali paling berguna untuk membuat skala warna sistem desain

Related Tools

Konverter HEX ke RGB

Ubah kode warna HEX menjadi nilai RGB secara instan dengan pratinjau langsung.

🎨 Color Tools

Konverter RGB ke HSL

Ubah nilai RGB menjadi format warna HSL dengan penggeser interaktif.

🎨 Color Tools

Penghasil Warna Acak

Buat warna acak dengan batasan gaya opsional seperti pastel, cerah, atau hangat.

🎨 Color Tools

Roda Harmoni Warna

Roda warna interaktif dengan lima jenis harmoni dan pemilihan visual.

🎨 Color Tools

Visualisasi Ruang Warna

Visualisasikan warna apa pun di seluruh HEX, RGB, HSL, HSV, dan CMYK dengan grafik batang.

🎨 Color Tools

Frequently Asked Questions

Q Mengapa saya memerlukan pemilih warna?

Pemilih warna membantu Anda menemukan dan memilih warna yang tepat secara visual, lalu memberikan nilai yang presisi untuk implementasi dalam format apa pun. Ini menghilangkan pekerjaan duga-duga dan konversi manual antara format.

Q Apa perbedaan antara kanvas dan pemilih asli?

Kanvas menampilkan grid kejenuhan-keterangan 2D untuk eksplorasi yang presisi dalam hue. Pemilih asli menggunakan dialog warna sistem operasi Anda, yang mungkin menawarkan fitur tambahan seperti pipet.

Q Bisakah saya memilih warna dari layar saya?

Input warna asli pada beberapa browser (Chrome, Edge) termasuk alat pipet yang memungkinkan Anda memilih warna apa pun yang terlihat di layar Anda.

Q Apakah empat format output selalu disinkronkan?

Ya, semua format selalu mewakili warna yang sama. Mengubah warna melalui metode input mana pun memperbarui semua empat output secara bersamaan.

About This Tool

Pemilih Warna is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.