RGB / HEX Converter
Ubah antara format warna RGB dan HEX
RGB/HEX Converter
Convert between RGB and HEX colors
Konverter RGB ke HSL adalah alat konversi warna yang penting bagi desainer dan pengembang. Konversikan nilai warna RGB ke format HSL secara instan, memungkinkan kontrol warna yang lebih baik, manipulasi warna yang lebih mudah, dan penyesuaian warna yang lebih intuitif dalam CSS dan proyek desain.
Konverter RGB HEX
Masukkan Warna
Masukkan kode hex, nilai RGB, atau tempel referensi warna
Lihat Hasil
Lihat konversi instan ke format HSL dengan pratinjau visual
Memahami Komponen
Pelajari arti rona (H), saturasi (S), dan kecerahan (L)
Sempurnakan
Gunakan penggeser untuk menyesuaikan nilai HSL dan melihat perubahan secara real-time
Salin Nilai
Klik tombol salin untuk mengambil kode warna yang dikonversi
Gunakan dalam CSS
Terapkan nilai HSL di stylesheet Anda untuk memudahkan manipulasi warna
Frequently Asked Questions
Apa perbedaan antara RGB dan HEX?
RGB menggunakan nilai desimal 0-255, HEX menggunakan heksadesimal 00-FF
Apa itu RGBA?
RGB dengan saluran Alpha untuk transparansi
Bisakah saya menggunakan ini untuk mencetak?
HEX/RGB untuk warna layar, gunakan CMYK untuk mencetak
Seberapa akurat pratinjau warnanya?
Sangat akurat - menggunakan rendering warna browser
Mengapa menggunakan HSL dan bukan RGB?
HSL lebih intuitif untuk persepsi manusia. Menyesuaikan saturasi atau kecerahan di HSL lebih mudah daripada menghitung ulang nilai RGB, sehingga manipulasi dan variasi warna menjadi lebih sederhana.
Apa arti saturasi dalam HSL?
Saturasi (0-100%) mengontrol intensitas warna. 0% adalah skala abu-abu, 100% adalah warna murni. Ini menentukan seberapa cerah atau senyap suatu warna muncul.
Apa arti ringan dalam HSL?
Lightness (0-100%) mengontrol kecerahan. 0% berwarna hitam, 50% berwarna murni, 100% berwarna putih. Ini menentukan seberapa gelap atau terang suatu warna muncul.
Bisakah saya menggunakan warna HSL di semua browser?
Ya, sintaks warna HSL didukung di semua browser modern. Anda dapat menggunakan hsl() langsung di CSS tanpa awalan vendor apa pun.
Bagaimana cara membuat variasi warna?
Jaga agar rona tetap konstan dan sesuaikan saturasi dan kecerahan. Mengurangi saturasi akan menghasilkan rona yang tidak bersuara, sedangkan mengurangi kecerahan akan menghasilkan rona yang lebih gelap.
Apakah ada perbedaan antara HSL dan HSLA?
HSLA menyertakan saluran alfa untuk transparansi. HSLA(hue, saturation%, lightness%, alpha) memungkinkan Anda mengontrol opacity dari 0 (transparan) hingga 1 (buram).
Tool Information
Related Tools You Might Like
Penjangkit Palet Warna dari Gambar
Ekstrak warna dominan dari suatu gambar
Generator Gradien CSS
Buat gradien CSS gubahan dengan pratinjau
Pemeriksa Kontras WCAG
Periksa kontras warna sesuai dengan standar WCAG
Generator Signature Digital
Buat gaya tanda-tangan digital dengan fonta yang berbeda
Generator Bayangan Kotak
Buat bayangan kotak CSS
Generator Bayangan Teks
Buat bayangan teks CSS
Kalkulator Volume papan selancar
Hitung volume papan selancar yang sempurna berdasarkan berat badan, tingkat pengalaman, dan kondisi gelombang.
Konverter Tinggi Gelombang
Mengubah ukuran tinggi gelombang yang berbeda (tinggi wajah, skala Hawaii, gelombang laut).
Scuba Dive Planner
Rencana menyelam scuba Anda dengan batas kedalaman, bawah waktu, dan keselamatan dekompresi persyaratan.