Toolkit

Panduan Pemilih Warna

Pilih warna atau masukkan kode HEX, RGB, HSL, HSV, atau CMYK untuk mendapatkan semua kode format warna secara instan.

Kembali ke Pemilih Warna

Apa yang dilakukan alat ini

Pemilih Warna mengonversi antara lima format warna umum: HEX, RGB, HSL, HSV, dan CMYK. Pilih warna secara visual dengan swatch warna native, atau ketik kode warna dalam format yang didukung—alat langsung menampilkan setara dalam kelima format. Salin nilai apa pun dengan satu klik. Ideal untuk desainer, pengembang, dan siapa pun yang bekerja dengan kode warna lintas alat dan sistem.

Cara menggunakannya

  1. Pilih warna secara visual — Klik swatch warna untuk membuka pemilih warna native sistem Anda. Pilih warna; alat memperbarui semua kode format secara otomatis.
  2. Atau ketik kode warna — Tempel atau ketik warna dalam format yang didukung:
    • HEX: #ff6b6b atau #f66
    • RGB: rgb(255, 107, 107)
    • HSL: hsl(0, 100%, 71%)
    • HSV: hsv(0, 58%, 100%)
    • CMYK: cmyk(0%, 58%, 58%, 0%)
  3. Salin yang Anda butuhkan — Gunakan tombol Salin di samping format mana pun untuk menyalin nilai itu ke clipboard.
  4. Sinkronisasi dua arah — Mengubah swatch memperbarui teks; mengetik kode valid memperbarui swatch dan semua format lainnya.

Cara kerjanya

Kelima format diperoleh dari tuple RGB tunggal (merah, hijau, biru, masing-masing 0–255) sebagai perantara kanonis. Saat Anda memasukkan warna:

  1. Parse — Alat mencoba parser setiap format (HEX, RGB, HSL, HSV, CMYK) sampai salah satu berhasil.
  2. Konversi ke RGB — Input dikonversi ke tuple RGB bilangan bulat.
  3. Hasilkan semua format — Dari RGB, alat menghitung HEX, string RGB, HSL, HSV, dan CMYK secara paralel.
  4. Tampilkan — Semua lima kode format ditampilkan dengan tombol Salin.

Input tidak valid menampilkan error inline; input kosong adalah no-op (tidak ada error, tidak ada perubahan). Pemilih warna native selalu mengembalikan nilai HEX 6 digit huruf kecil yang valid, sehingga jalur visual tidak pernah memicu parse error.

Semua pemrosesan berjalan sepenuhnya di browser Anda. Tidak ada data yang dikirim ke server mana pun.

Kasus penggunaan & contoh

  • Pengembangan web — Konversi warna desain (mis. CMYK dari cetak) ke HEX atau RGB untuk CSS.
  • Serah terima desain — Berikan pengembang beberapa kode format dari satu pilihan.
  • Aksesibilitas — Sesuaikan kecerahan atau saturasi (HSL/HSV) untuk memenuhi persyaratan kontras.
  • Persiapan cetak — Konversi warna layar (RGB) ke CMYK untuk alur kerja cetak.
  • Konsistensi merek — Pastikan warna yang sama digunakan dengan benar lintas web, aplikasi, dan cetak.

Batasan & kendala

  • Presisi — RGB menggunakan bilangan bulat (0–255), sehingga konversi dapat memiliki pembulatan ±1 saluran. Ini standar dan cukup untuk penggunaan umum.
  • Color gamut — CMYK dapat merepresentasikan beberapa warna yang tidak dapat RGB; konversi dari CMYK ke RGB mungkin aproksimasi.
  • Pemilih native — Kemampuan pemilih visual bergantung pada sistem operasi dan browser Anda.
  • Input kosong — Mengosongkan bidang tidak mengosongkan kode yang ditampilkan; meninggalkan warna valid terakhir terlihat.

Cara kerjanya

Metode

  • All five formats (HEX, RGB, HSL, HSV, CMYK) derive from a single RGB intermediate.
  • Invalid input shows an inline error; empty input is a silent no-op.
  • Swatch and text input are bi-directionally synced.

Yang perlu diketahui

  • The visual color picker returns a standard HEX value your browser provides.
  • Converted values may differ by up to 1 unit per channel; this is standard and sufficient for typical use.

Semua perhitungan dan konversi berjalan sepenuhnya di browser Anda. Tidak ada data yang dikirim ke server mana pun, sehingga input Anda tidak pernah meninggalkan perangkat.