Lompat ke konten
Aback Tools Logo

Pemilih & Konverter Warna

Pilih warna apa pun secara visual dan konversikan seketika antara HEX, RGB, HSL, HSV, CMYK, dan HWB dengan konverter warna gratis kami. Termasuk kanvas saturasi-kecerahan, penggeser hue, pemilih warna bawaan, contoh warna prasetel, dan pemeriksa kontras WCAG bawaan. Semua konversi berjalan lokal di browser Anda - tanpa pendaftaran.

Color Picker & Converter

Pick any color visually or enter a value in any format - HEX, RGB, HSL, CMYK, or HWB - and instantly see all conversions. All processing runs locally in your browser.

Presets
RGB
HSL
CMYK
HWB
All Color Formats
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSVhsv(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)
HWBhwb(217 23% 4%)
CSS--color: #3b82f6;
WCAG Contrast Ratio
On White - Aa
3.68:1AA Large
On Black - Aa
5.71:1AA

Mengapa Menggunakan Pemilih & Konverter Warna Kami?

  • Pemilih Warna Visual dengan Kanvas SL: Konverter pemilih warna kami mencakup kanvas saturasi-kecerahan lengkap, penggeser hue, pemilih warna bawaan browser, dan 16 contoh warna prasetel. Pilih warna apa pun secara visual dan langsung lihat semua konversi format diperbarui secara real time - tanpa perlu menekan tombol.
  • Konversi Lima Format Warna: Konversikan antara format warna HEX, RGB, HSL, HSV, CMYK, dan HWB seketika. Edit bidang apa pun di format mana pun dan semua format lain diperbarui otomatis. Konverter kami juga menghasilkan deklarasi properti kustom CSS untuk langsung digunakan di stylesheet.
  • Konverter Pemilih Warna Online yang Aman: Semua konversi warna terjadi secara lokal di browser Anda menggunakan matematika JavaScript murni. Tidak ada data warna yang dikirim ke server mana pun, menjamin privasi 100% saat Anda menggunakan konverter pemilih warna online kami. Bekerja sepenuhnya offline setelah halaman dimuat.
  • Konverter Pemilih Warna - Tanpa Instalasi: Gunakan konverter pemilih warna gratis kami langsung di browser Anda tanpa unduhan, tanpa plugin, dan tanpa akun. Termasuk pemeriksa kontras WCAG bawaan untuk latar putih dan hitam - dari perangkat apa pun, kapan saja.

Kasus Penggunaan Umum Pemilih & Konverter Warna

  • Desain Web & UI: Konversikan warna merek antara HEX dan RGB untuk CSS, atau ke CMYK untuk materi cetak. Gunakan konverter pemilih warna kami untuk memastikan representasi warna yang konsisten di media digital dan cetak tanpa perhitungan manual.
  • Pengembangan CSS & Tailwind: Pilih warna secara visual dan langsung dapatkan nilai HEX, RGB, dan HSL yang siap ditempel ke CSS atau konfigurasi Tailwind Anda. Konverter kami menghasilkan deklarasi properti kustom CSS untuk langsung digunakan dalam sistem desain.
  • Aksesibilitas & Kepatuhan WCAG: Periksa rasio kontras WCAG terhadap latar putih dan hitam langsung di konverter pemilih warna kami. Langsung lihat apakah warna Anda memenuhi standar aksesibilitas AA atau AAA sebelum menggunakannya di UI Anda.
  • Manajemen Warna Merek: Konversikan warna merek dari format yang diberikan pedoman merek Anda (sering kali CMYK untuk cetak) ke HEX dan RGB untuk penggunaan digital. Konverter kami menangani kelima ruang warna secara akurat.
  • Dokumentasi Sistem Desain: Dokumentasikan token warna dalam berbagai format untuk dokumentasi sistem desain Anda. Gunakan konverter kami untuk menghasilkan deklarasi HEX, RGB, HSL, dan variabel CSS untuk setiap warna dalam palet Anda.
  • Produksi Cetak & Digital: Konversikan antara ruang warna RGB (layar) dan CMYK (cetak) saat menyiapkan aset untuk produksi digital dan cetak. Konverter kami menyediakan nilai CMYK yang akurat untuk warna RGB atau HEX apa pun.

Apa Itu Pemilih & Konverter Warna?

Konverter pemilih warna adalah alat yang memungkinkan Anda memilih warna apa pun secara visual dan langsung mengonversinya antara semua format warna utama yang digunakan dalam desain web, CSS, produksi cetak, dan seni digital. Konverter pemilih warna kami mendukung HEX (warna web), RGB (warna layar), HSL (hue-saturasi-kecerahan), HSV (hue-saturasi-nilai), CMYK (warna cetak), dan HWB (hue-putih-hitam). Edit bidang apa pun di format mana pun dan semua format lain diperbarui seketika - tanpa perlu menekan tombol.

Cara Kerja Pemilih & Konverter Warna Kami

  1. Pilih Warna: Gunakan kanvas saturasi-kecerahan, penggeser hue, pemilih warna bawaan browser, atau contoh prasetel untuk memilih warna secara visual. Atau ketik langsung di bidang format mana pun - HEX, RGB, HSL, CMYK, atau HWB.
  2. Konversi Instan di Browser: Semua perhitungan warna berjalan lokal di browser Anda menggunakan JavaScript murni. Setiap format diperbarui secara real time saat Anda menyesuaikan nilai apa pun. Data warna Anda tidak pernah meninggalkan perangkat Anda.
  3. Salin Format Apa Pun: Klik ikon salin di samping format warna mana pun untuk menyalinnya ke papan klip. Gunakan "Salin semua" untuk menyalin semua format sekaligus. Pemeriksa kontras WCAG menunjukkan kepatuhan aksesibilitas terhadap latar putih dan hitam.

Referensi Format Warna

  • HEX: notasi heksadesimal enam digit (misalnya #3b82f6). Format standar untuk warna web di HTML dan CSS. Setiap pasangan digit mewakili kanal merah, hijau, dan biru (00-FF).
  • RGB: nilai merah, hijau, dan biru dari 0-255 (misalnya rgb(59, 130, 246)). Model warna asli untuk layar dan monitor. Digunakan di CSS dan sebagian besar alat desain.
  • HSL: hue (0-360°), saturasi (0-100%), kecerahan (0-100%). Lebih intuitif bagi desainer - hue adalah warnanya, saturasi adalah intensitasnya, dan kecerahan mengontrol seberapa terang atau gelap warnanya.
  • CMYK: Cyan, Magenta, Yellow, Key (Hitam) - masing-masing 0-100%. Model warna standar untuk produksi cetak. Perhatikan bahwa konversi RGB ke CMYK bersifat perkiraan tanpa profil warna ICC.

Catatan Penting tentang Konversi Warna

RGB dan CMYK memiliki gamut warna yang berbeda - tidak semua warna CMYK dapat direpresentasikan secara akurat dalam RGB dan sebaliknya. Nilai CMYK yang ditampilkan konverter kami diturunkan secara matematis dari RGB dan memberikan perkiraan yang baik untuk sebagian besar kasus, tetapi produksi cetak profesional memerlukan manajemen profil warna ICC di perangkat lunak khusus seperti Adobe Illustrator atau InDesign. Untuk penggunaan web dan layar, HEX, RGB, dan HSL sepenuhnya dapat dipertukarkan tanpa kehilangan kualitas.

Pertanyaan yang Sering Diajukan

Konverter pemilih warna memungkinkan Anda memilih warna apa pun secara visual dan langsung mengonversinya antara HEX, RGB, HSL, HSV, CMYK, dan HWB. Semua konversi berjalan di browser Anda secara real time.

HEX adalah notasi heksadesimal enam digit untuk HTML/CSS. RGB menentukan kanal merah, hijau, dan biru 0-255. HSL menggunakan hue (0-360°), saturasi, dan kecerahan - lebih intuitif bagi desainer.

Ya. Semua konversi terjadi di browser Anda. Tidak ada data warna yang dikirim ke server mana pun.

Ya! 100% gratis tanpa pendaftaran, tanpa akun, dan tanpa batas penggunaan.

Pemeriksa ini menunjukkan bagaimana warna Anda tampil di atas latar putih dan hitam sesuai pedoman WCAG. 4,5:1 memenuhi AA untuk teks normal, 7:1 memenuhi AAA.