AI di perangkat — profesional dan privat.

Tool Color Picker

Pilih warna dan salin dalam dua belas format — tanpa unggah.

  • Berjalan di perangkat Anda
  • Dua belas format sekaligus
  • Cek kontras dan buta warna

Jatuhkan stylesheet atau berkas token

CSS, SCSS, SASS, LESS, JSON, SVG, atau TXT — hingga 10.0 MB

#FF4D4D

Nama warna terdekat: tomato (Keluarga yang sama, jarak 6.4)

  • HEX#FF4D4D
  • RGBrgb(255 77 77)
  • HSLhsl(0 100% 65.1%)
  • HWBhwb(0 30.2% 0%)
  • HSVhsv(0 69.8% 100%)Bukan CSS
  • CMYKcmyk(0% 69.8% 69.8% 0%)Bukan CSS
  • LABlab(59.906 67.771 41.299)
  • LCHlch(59.906 79.363 31.36)
  • OKLABoklab(0.673 0.19441 0.09082)
  • OKLCHoklch(0.673 0.21457 25.04)
  • Display P3color(display-p3 0.9239 0.3574 0.3319)
  • XYZ D65color(xyz-d65 0.45232 0.27107 0.09872)

Kontras

Di atas putih3.27:1
Aa
  • AA normalGagal
  • AA besarLulus
  • AAA normalGagal
  • AAA besarGagal
Di atas hitam6.42:1
Aa
  • AA normalLulus
  • AA besarLulus
  • AAA normalGagal
  • AAA besarLulus
Di atas warna Anda3.27:1
  • AA normalGagal
  • AA besarLulus
  • AAA normalGagal
  • AAA besarGagal

Nuansa lulus terdekat — #E22D35 mencapai 4.51:1 terhadap warna pembanding Anda.

Penglihatan warna

Bagaimana warna ini terlihat oleh orang dengan tiap jenis defisiensi penglihatan warna.

  • Penglihatan umum
  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Tanpa penglihatan warna
Apa yang Anda konversi?
Nilai warna

Semua sintaks warna CSS, ditambah cmyk() dan hsv().

Sunting kanal dalam

Nilai yang Anda ketik di sini tetap bertahan, bahkan ketika warnanya tidak punya hue untuk menampilkannya.

Bandingkan dengan
Ekspor
Ekspor sebagai
Warna terbaru
Warna yang Anda konversi akan muncul di sini.

Cara memilih dan menyalin warna

  1. Pilih warna

    Gunakan pemilih atau penggeser — pratinjau memperbarui secara waktu nyata.

  2. Lihat semua format

    RGB, HEX, HSL, dan CMYK ditampilkan. Ubah bidang mana pun agar yang lain ikut berubah.

  3. Salin nilai

    Klik Salin di samping format untuk menempel ke proyek atau alat desain.

Mengapa memakai pemilih warna?

Pemilih warna memungkinkan pemilihan visual, konversi antarformat, pratinjau waktu nyata, dan akses cepat ke nilai warna untuk desain dan pengembangan.

Manfaat

  • Pemilihan visual: Antarmuka interaktif untuk memilih warna
  • Konversi format: Antara RGB, HEX, HSL, dan CMYK
  • Pratinjau langsung: Perubahan terlihat segera
  • Informasi warna: Nilai terperinci
  • Proyek: Untuk desain dan pengembangan

Cara kerja

Pemilih kami memakai algoritma pemilihan dan konversi untuk hasil akurat. Mendukung banyak format dan pratinjau waktu nyata.

Fitur

  • Pemilihan interaktif: Pilih warna secara visual
  • Beberapa format: RGB, HEX, HSL, dan CMYK
  • Konversi waktu nyata: Sinkronisasi instan
  • Pratinjau warna: Lihat warna terpilih
  • Salin: Mudah menyalin nilai

Memilih warna dan menyimpannya

Pemilih warna hanya berguna jika warna yang Anda pilih bisa keluar dari halaman dalam bentuk yang diharapkan alat berikutnya. Di sekitar itulah alat ini dibangun.

  • Semua format sekaligus — Satu pilihan menghasilkan HEX, RGB, HSL, HWB, HSV, CMYK, LAB, LCH, OKLAB, OKLCH, Display P3, dan XYZ, ditambah nama warna CSS terdekat dan seberapa dekat sebenarnya.
  • Atau ketik sebuah nilai — Pemilih warna dan kotak teks adalah dua jalan menuju warna yang sama. Tempel apa pun yang dipahami CSS dan sampel warnanya mengikuti.
  • Warna terbaru diingat — Dua belas warna terakhir yang Anda pilih tetap ada di panel, hanya di perangkat ini, sehingga membandingkan dua kandidat tidak berarti mengetik ulang.
  • Periksa sebelum dipakai — Kontras terhadap putih, hitam, atau warna pilihan Anda, serta simulasi tampilannya bagi orang dengan tiap jenis defisiensi penglihatan warna.

Kapan memakai

Saat perlu memilih warna visual, mengonversi format, mempratinjau, atau mengambil nilai untuk proyek.

Kasus ideal

  • Pengembangan web: Warna untuk situs dan aplikasi
  • Proyek desain: Memilih warna untuk desain
  • Eksplorasi warna: Menelusuri opsi warna
  • Konversi format: Mengubah antar format warna
  • Pencocokan warna: Menyelaraskan dengan gambar atau desain

Fakta

Memahami ini membantu memakai alat dengan lebih baik.

Statistik penting

  • Pemilih warna mendukung jutaan kombinasi
  • Beberapa format memberi fleksibilitas untuk berbagai kebutuhan
  • Konversi waktu nyata menjaga representasi warna konsisten
  • Pemilihan interaktif membuat proses intuitif
  • Pratinjau membantu memvisualisasikan pilihan

Praktik terbaik

Panduan untuk hasil terbaik.

Pertimbangan kualitas

  • Gunakan tampilan berkualitas untuk pemilihan lebih akurat
  • Pertimbangkan ruang warna dan batas gamut
  • Uji warna di aplikasi target
  • Verifikasi nilai warna untuk akurasi
  • Pertimbangkan aksesibilitas saat memilih warna

Batasan

  • Hindari tampilan buruk untuk pekerjaan warna yang krusial
  • Jangan hanya mengandalkan layar untuk proyek cetak
  • Jika perlu pencocokan sangat presisi, gunakan alat profesional
  • Untuk kebutuhan profil warna tertentu, validasi di alur profesional

Keterbatasan dan kompatibilitas

Kalibrasi tampilan dan perbedaan peramban memengaruhi persepsi; verifikasi di media target jika akurasi penting.

Didukung algoritme pemrosesan gambar yang dioptimalkan.

Konverter warna lainnya

Pertanyaan yang sering diajukan

Bagaimana cara kerja pemilih warna?

Seret pemilih atau geser penggeser untuk memilih warna, dan pratinjau diperbarui secara waktu nyata. Saat Anda memilih, alat langsung menghitung nilai RGB, HEX, HSL, dan CMYK yang cocok, dan mengubah bidang mana pun menghitung ulang yang lain sehingga setiap format menggambarkan warna yang sama.

Format warna apa saja yang ditampilkan?

Untuk tiap warna yang dipilih, alat menampilkan empat format berdampingan: RGB dan HEX untuk layar dan CSS, HSL untuk menyetel rona dan kecerahan secara intuitif, serta CMYK sebagai panduan cetak. Keempatnya tetap sinkron dan diperbarui begitu Anda mengubah warna terpilih.

Bisakah saya memakai warna terpilih di CSS?

Ya. Setiap format punya tombol salin sendiri, jadi Anda bisa mengambil kode HEX atau string rgb() dan menempelnya langsung ke CSS atau HTML. HSL juga siap untuk fungsi hsl() CSS, dan nilai CMYK memberi tim cetak serta branding angka yang mereka butuhkan.

Apakah warna saya tetap privat?

Ya. Pemilih berjalan sepenuhnya di perangkat Anda, jadi warna yang Anda pilih dan nilai yang dihasilkan tidak pernah diunggah atau disimpan di server. Tidak ada yang meninggalkan perangkat Anda, sehingga palet merek dan warna desain yang belum dirilis tetap sepenuhnya privat.

Apakah pemilih warna berfungsi di ponsel?

Ya. Berjalan di perangkat modern mana pun di desktop, tablet, dan ponsel, dengan kontrol ramah sentuh sehingga Anda bisa menyeret pemilih dan penggeser dengan jari. Tata letak menyesuaikan layar kecil, dan menyalin nilai bekerja sama seperti di desktop.

Apakah pemilih warna gratis dan berfungsi offline?

Ya. Pemilih ini sepenuhnya gratis tanpa tanda air atau batas pemakaian. Karena semua konversi berjalan di perangkat Anda, alat tetap berfungsi tanpa koneksi internet setelah halaman dimuat, sehingga praktis untuk mencocokkan warna dengan cepat di mana saja.

4.8dari 5

dari 521 penilaian

Beri nilai alat ini

Ketuk bintang — hanya sebentar