Konversi Warna HEX, RGB, dan HSL
Tempel kode HEX, RGB, atau HSL. Konverter warna mendeteksi format secara otomatis, menampilkan pratinjau, dan memberikan ketiga nilai yang setara untuk disalin.
Paste or type a color to convert
Supports HEX, RGB, and HSL formats
Try an example
Alat lainnya
Picker
Pemilih Warna
Unggah gambar dan klik untuk mengekstrak kode warna HEX, RGB, dan HSL.
Checker
Pemeriksa Kontras
Periksa rasio kontras warna terhadap standar WCAG AA dan AAA.
Generator
Roda Warna
Buat palet harmoni lima warna—komplementer, analog, triadik, dan lainnya—dari satu warna dasar.
Ekstraktor
Ekstraktor palet gambar
Temukan warna dominan dalam gambar dan salin palet sebagai HEX, RGB, atau variabel CSS.
Cara melakukan konversi warna online
- Ketik atau tempel kode warna dalam format HEX, RGB, atau HSL ke kolom input.
- Konverter warna akan mendeteksi format yang dimasukkan secara otomatis.
- Periksa pratinjau warna dan nilai yang setara dalam ketiga format.
- Klik tombol salin di samping nilai HEX, RGB, atau HSL yang ingin digunakan.
Hasil konversi diperbarui saat kode diubah. Anda tidak perlu melakukan perhitungan manual atau membuka alat terpisah untuk setiap arah konversi.
Konversi HEX ke RGB
Untuk mengonversi HEX ke RGB, masukkan kode seperti #3B82F6. Konverter akan menampilkan nilai yang setara sebagai rgb(59, 130, 246), tanpa perlu menghitung setiap pasangan karakter heksadesimal secara manual.
Pratinjau warna dan nilai HSL juga ditampilkan bersama hasil RGB. Anda dapat memastikan warnanya benar sebelum menyalin format yang dibutuhkan.
Konversi RGB ke HEX
Untuk konversi sebaliknya, masukkan nilai seperti rgb(59, 130, 246). Konverter warna akan menghasilkan kode HEX #3B82F6 dan menampilkan nilai HSL yang setara. Cara ini berguna saat memindahkan nilai merah, hijau, dan biru dari alat desain ke HTML atau CSS.
Konverter warna HEX, RGB, dan HSL otomatis
Konverter mengenali apakah kode yang dimasukkan menggunakan format HEX, RGB, atau HSL. Setelah format yang valid terdeteksi, warna yang sama ditampilkan dalam ketiga format beserta pratinjau visualnya.
Setiap hasil dapat disalin secara terpisah dan akan diperbarui ketika input berubah. Dengan begitu, satu kode warna dapat digunakan dengan mudah di kode, berkas desain, sistem desain, atau dokumentasi teknis.
Kode warna siap digunakan untuk CSS dan HTML
Hasil ditampilkan dalam format yang siap digunakan untuk proyek digital: #3B82F6 untuk HEX, rgb(59, 130, 246) untuk RGB, dan hsl(217, 91%, 60%) untuk HSL. Salin nilai yang diperlukan ke properti CSS, templat HTML, komponen antarmuka, atau panduan gaya tanpa memformatnya ulang.
Kapan menggunakan HEX, RGB, atau HSL?
HEX ringkas dan umum digunakan dalam HTML, CSS, serta alat desain. RGB menunjukkan nilai saluran merah, hijau, dan biru secara langsung sehingga praktis untuk warna pada layar. HSL menjelaskan warna berdasarkan rona, saturasi, dan kecerahan, yang memudahkan penyesuaian tampilan warna secara manual.
Ketiga format tersebut dapat mewakili warna yang sama. Pilihan format bergantung pada kebutuhan kode atau alat yang digunakan; konversi hanya mengubah cara warna ditulis, bukan warna itu sendiri.
Gratis, langsung di browser, tanpa pendaftaran
Konverter warna ini gratis, tidak memerlukan akun atau instalasi, dan dapat digunakan melalui browser modern di komputer, tablet, maupun HP. Konversi berlangsung secara lokal di perangkat Anda; kode warna yang dimasukkan tidak diunggah atau disimpan di server ColourPicker.app.
Temukan, periksa, atau padukan warna
Jika belum memiliki kode warna, gunakan Pemilih Warna dari Gambar untuk menemukan warna tepat pada satu piksel. Setelah melakukan konversi, periksa keterbacaan dua warna dengan Pemeriksa Kontras, atau buat harmoni dari satu warna dasar menggunakan Generator Kombinasi Warna.
Pertanyaan umum tentang konverter warna
- Apa fungsi konverter warna?
- Konverter warna mengubah cara sebuah warna ditulis tanpa mengubah warnanya. Masukkan kode HEX, RGB, atau HSL untuk melihat nilai yang setara dalam dua format lainnya.
- Bagaimana cara mengonversi HEX ke RGB?
- Tempel kode HEX seperti #3B82F6 ke kolom input. Konverter akan mendeteksi formatnya dan menampilkan nilai RGB yang setara, yaitu rgb(59, 130, 246), beserta nilai HSL.
- Bagaimana cara mengonversi RGB ke HEX?
- Masukkan nilai seperti rgb(59, 130, 246). Konverter warna akan menampilkan kode HEX #3B82F6 dan nilai HSL yang setara.
- Format warna apa saja yang didukung?
- Konverter menerima kode warna dalam format HEX, RGB, dan HSL, lalu menampilkan warna yang sama dalam ketiga format tersebut.
- Bisakah warna dikonversi ke HSL?
- Ya. Masukkan kode HEX atau RGB untuk melihat nilai HSL yang setara. Jika Anda memasukkan kode HSL, konverter akan menampilkan nilai HEX dan RGB untuk warna yang sama.
- Apakah kode HEX singkat seperti #f00 didukung?
- Ya. Kode HEX tiga karakter seperti #f00 atau #abc dapat dideteksi dan dikonversi menjadi nilai HEX lengkap, RGB, dan HSL.
- Apakah konverter warna ini gratis dan bisa digunakan di HP?
- Ya. Konverter ini gratis, tidak memerlukan pendaftaran, dan berfungsi di browser modern pada HP, tablet, serta komputer. Konversi diproses secara lokal di perangkat Anda.
- Apa perbedaan konversi kode warna dan memilih warna dari gambar?
- Konverter warna mengubah kode yang sudah Anda miliki antara HEX, RGB, dan HSL. Untuk menemukan kode warna pada piksel tertentu dalam foto atau tangkapan layar, gunakan Pemilih Warna dari Gambar.