Konverter Warna – HEX, RGB, HSL
Ketik atau tempel kode warna dalam format apa pun, dan lihat hasil konversi ke HEX, RGB, serta HSL secara instan. Salin nilai mana pun dengan sekali klik.
Paste or type a color to convert
Supports HEX, RGB, and HSL formats
Try an example
Konversi Warna antara HEX, RGB, dan HSL
Saat bekerja dengan warna di berbagai tools, Anda sering perlu mengonversi antar format. Konverter ini mendukung HEX, RGB, dan HSL — tiga format warna yang paling umum digunakan dalam pengembangan web dan desain.
Cukup ketik atau tempelkan nilai warna dalam format yang didukung. Konverter akan otomatis mendeteksi apakah Anda memasukkan kode HEX, nilai RGB, atau nilai HSL, lalu menampilkan ketiga representasi secara langsung.
Format Warna yang Didukung
- HEX — contoh: #3B82F6 atau #f00 (singkatan)
- RGB — contoh: rgb(59, 130, 246)
- HSL — contoh: hsl(217, 91%, 60%)
Setiap output ditampilkan sebagai nilai CSS yang siap pakai — langsung salin dan tempel ke dalam kode Anda.
Cara Menggunakan Konverter Warna
- Masukkan nilai warna di kolom input — HEX, RGB, atau HSL
- Format akan terdeteksi secara otomatis
- Lihat hasil konversi untuk ketiga format di bawah kolom input
- Klik tombol salin di samping format yang diinginkan untuk menyalin ke clipboard
Contoh Penggunaan Umum
- Mengonversi kode HEX dari file desain ke RGB untuk dipakai di CSS
- Mendapatkan nilai HSL dari sebuah warna agar lebih mudah mengatur kecerahan atau saturasi
- Menerjemahkan nilai RGB dari software editing gambar ke HEX untuk HTML
- Memverifikasi dengan cepat apakah dua nilai warna dalam format berbeda adalah warna yang sama
Kapan Menggunakan HEX, RGB, atau HSL?
HEX adalah format paling ringkas dan banyak digunakan di CSS dan HTML. RGB umum ditemukan di tools desain dan software editing gambar. HSL paling mudah dibaca manusia — format ini memisahkan hue (warna dasar), saturation (kejenuhan), dan lightness (kecerahan), sehingga lebih mudah menyesuaikan warna secara manual.
Tidak ada satu format yang paling baik untuk semua kebutuhan. Gunakan format yang sesuai dengan alur kerja Anda — dan saat perlu beralih antar format, konverter ini melakukannya dalam sekejap.
Pertanyaan yang Sering Diajukan
- Bagaimana cara mengonversi HEX ke RGB?
- Tempel kode HEX Anda (contoh: #3B82F6) di kolom input. Nilai RGB yang setara akan langsung muncul di bawahnya.
- Bagaimana cara mengonversi RGB ke HEX?
- Masukkan nilai RGB Anda dalam format rgb(59, 130, 246). Kode HEX beserta nilai HSL akan otomatis ditampilkan.
- Apa itu HSL?
- HSL singkatan dari Hue (warna dasar), Saturation (kejenuhan), dan Lightness (kecerahan). Format ini mendeskripsikan warna dengan cara yang lebih intuitif — Anda bisa mengubah tingkat kecerahan atau kejenuhan tanpa mengubah warna dasarnya.
- Apakah tool ini mendukung kode HEX singkatan?
- Ya. Anda bisa memasukkan kode singkat seperti #f00 atau #abc, dan kode tersebut akan diperluas serta dikonversi dengan benar.
- Apakah konverter ini gratis?
- Ya. ColourPicker.app sepenuhnya gratis tanpa perlu mendaftar akun.
- Apakah bisa digunakan di HP?
- Ya. Konverter warna ini bisa digunakan di perangkat apa pun yang memiliki browser modern — baik desktop, tablet, maupun HP.