Image Color Picker

A most excellent

Hex Color Picker

Tune HEX and compare HWB, HSL, HSV, RGB, and OKLCH values in one calm workspace.

Pemilih warna HEX

Satu pemilih warna HEX, enam model warna

Masukkan kode warna HEX dan lihat nilai yang sesuai di RGB, HSL, HSV, HWB, dan OKLCH secara instan. Gerakkan slider dan keenam representasi disinkronkan secara real-time. Kode HEX dan hash URL disinkronkan bersama, memungkinkan penandaan atau berbagi warna apa pun dalam hitungan detik.

Konversi HEX ke RGB real-time

Masukkan warna HEX seperti #3b82f6 dan nilai RGB diperbarui seketika. Pencari HEX juga menerima kode singkat tiga digit.

Pencari kode HEX dengan berbagi URL

Setiap kali Anda menyesuaikan warna, hash URL diperbarui secara otomatis, mengubah pencari kode HEX ini menjadi bookmark yang dapat dibagikan. Kirim tautan ke anggota tim dan mereka akan melihat warna yang persis sama.

Enam model warna disinkronkan

HEX, RGB, HSL, HSV, HWB, dan OKLCH semuanya diperbarui bersama. Beralih model tidak pernah kehilangan warna — sempurna untuk token desain dan variabel CSS.

Antarmuka pemilih warna HEX yang menampilkan slider untuk model warna HSL, RGB, dan OKLCH

Pencari kode warna

Temukan kode warna apa pun — HEX, RGB, HSL, OKLCH

Pencari kode warna ini mencakup semua standar yang digunakan dalam desain web, pengembangan aplikasi, dan percetakan digital. HEX adalah format default untuk CSS dan HTML. RGB adalah format asli layar. HSL adalah format yang dapat dibaca manusia untuk desainer. OKLCH adalah format perseptual berikutnya dalam CSS Color Level 4. Keempatnya tersedia secara bersamaan — salin yang sesuai dengan alur kerja Anda.

Pencari kode warna dengan nilai HEX, RGB, HSL, dan OKLCH untuk biru cerah
Pemilih warna HTML dengan nilai kode warna HEX dan RGB siap untuk CSS

Pemilih warna HTML

Pemilih warna HTML untuk CSS dan desain web

Baik Anda menulis gaya inline, mendefinisikan token desain, atau memelihara pustaka variabel CSS, pemilih warna HTML ini menyediakan kode yang tepat yang Anda butuhkan. Sesuaikan hue, saturasi, dan kecerahan secara visual, lalu salin kode warna HEX atau nilai CSS rgb() langsung ke stylesheet Anda.

  • Hasilkan nilai CSS yang valid secara instan: hex, rgb(), hsl(), hwb(), dan oklch().
  • Sinkronisasi hash URL memungkinkan menyimpan dan berbagi warna apa pun sebagai bookmark browser.
  • Indikator gamut menandai warna yang hanya ada di Display-P3 dan di luar sRGB.
  • Bekerja offline — tanpa panggilan API, tanpa ketergantungan server.

Pemilih RGB

Pemilih RGB dengan slider presisi

Pemilih RGB dengan tiga slider saluran independen untuk merah, hijau, dan biru

Saluran RGB khusus

Tiga slider R, G, dan B independen untuk mencampur warna per saluran. Pemilih RGB menampilkan nilai desimal dan kode HEX secara real-time saat menyeret.

Pemilih RGB dengan konversi langsung antara nilai saluran RGB dan kode warna HEX

RGB ke HEX dan sebaliknya

Tempelkan kode HEX yang diketahui untuk melihat dekomposisi RGB secara instan, atau sesuaikan slider pemilih RGB untuk menemukan kode HEX dari rona kustom. Tidak perlu konverter terpisah.

Pemilih RGB dengan perbandingan berdampingan sampel gamut sRGB dan Display-P3

Pemilih RGB dengan dukungan gamut lebar

Beralih antara gamut sRGB dan Display-P3 untuk melihat apakah warna yang dipilih dapat direproduksi di layar gamut lebar. Kedua sampel diperbarui berdampingan.

Pertanyaan yang sering diajukan

Pertanyaan tentang pemilih warna HEX