Konversi warna antara HEX, RGB, dan HSL dengan pratinjau langsung.
Cara menggunakan Konverter Warna
Masukkan warna sebagai HEX, misalnya #ff8800.
Lihat hasil konversi ke RGB dan HSL secara instan.
Salin format apa pun yang Anda butuhkan.
Ini adalah konverter warna untuk pekerjaan web dan desain yang menerjemahkan warna antara tiga format yang paling sering Anda gunakan: HEX, RGB, dan HSL, dengan swatch langsung sehingga Anda dapat melihat persis apa yang sedang Anda kerjakan.
Ini adalah perekat sehari-hari antara desain dan kode: mencocokkan warna merek dari mockup ke variabel CSS, mengonversi nilai yang diberikan desainer dalam satu format ke format yang diinginkan framework Anda, atau menemukan corak yang sedikit lebih terang untuk keadaan hover.
Semuanya berjalan di browser Anda, sehingga instan dan tidak ada yang Anda masukkan dikirim ke mana pun.
Setiap format menggambarkan warna yang sama dengan cara berbeda. HEX (seperti #ff8800) adalah bentuk ringkas yang digunakan di seluruh CSS dan HTML. RGB menyatakan kanal merah, hijau, dan biru secara langsung, yang merupakan cara layar dan kode seperti canvas memandang warna. HSL menggambarkan hue, saturasi, dan kecerahan, yang jauh lebih intuitif ketika Anda ingin menyesuaikan warna: ubah hue untuk menggesernya di sekitar roda warna, atau ubah kecerahan untuk membuatnya lebih gelap tanpa harus memilih kode baru secara manual.
Masukkan nilai HEX dan padanan RGB serta HSL akan diperbarui secara instan, sehingga Anda dapat mengambil format apa pun yang diharapkan oleh alat atau basis kode di hadapan Anda.
Untuk saat ini alat ini berfokus pada warna buram dalam HEX, RGB, dan HSL; dukungan alfa (opasitas) belum disertakan.
Pertanyaan yang sering diajukan
HEX (#rgb atau #rrggbb), RGB, dan HSL. Masukkan nilai HEX dan yang lainnya diperbarui secara langsung.
Belum. Alat ini berfokus pada HEX, RGB, dan HSL yang opak. Dukungan alfa dapat ditambahkan nanti.
Sematkan tool ini
Tambahkan tool ini ke situs web Anda sendiri. Salin cuplikan di bawah; cuplikan ini tetap terbarui secara otomatis.
<iframe src="https://monu.tools/embed/id/color-converter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Alat terkait
Konversi stempel waktu Unix ke tanggal yang mudah dibaca dan sebaliknya: UTC, lokal, ISO 8601, dan waktu relatif. Detik dan milidetik terdeteksi otomatis.
Lakukan percent-encode dan decode pada URL dan komponen URL, aman untuk UTF-8.
Konversi JSON ke CSV dan CSV kembali ke JSON, dua arah. Pilih pembatas, tangani kolom yang dikutip, dan salin hasilnya. Semuanya berjalan di browser Anda.
Konversi YAML ke JSON dan JSON kembali ke YAML, dua arah. Memvalidasi saat mengonversi dan menampilkan kesalahan yang jelas. Semuanya berjalan di browser Anda.