Alat Konversi RGB HSL menyediakan konversi yang mulus dari ruang warna RGB ke HSL. Alat ini intuitif dan mudah digunakan, memungkinkan konversi warna dengan cepat. Cukup masukkan nilai RGB, dan nilai HSL yang sesuai akan segera ditampilkan, meningkatkan pemahaman dan kontrol atas warna.
Masukkan nilai ke dalam alat dan sesuaikan jika diperlukan.
Warna akan otomatis diubah, dan hasilnya akan ditampilkan. Salin hasil ke clipboard untuk penggunaan lebih lanjut.
Konversi dari RGB ke HSL adalah proses mengubah ruang warna.RGB (Merah, Hijau, Biru) adalah tiga warna dasar cahaya yang umumnya digunakan dalam gambar digital.HSL (Hue, Saturation, Lightness) adalah cara lain untuk merepresentasikan warna, di mana hue adalah jenis warna, saturation adalah kemurnian warna, dan lightness adalah tingkat kecerahan.
Konversi dari RGB ke HSL dilakukan dengan menggunakan perhitungan matematika. Pertama, nilai RGB dinormalisasi, dan kemudian nilai HSL dihitung. Proses ini luas digunakan dalam bidang seperti pemrosesan gambar dan desain web untuk mengubah dan menyesuaikan warna.
Konversi dari RGB ke HSL adalah alat penting untuk memahami cara warna direpresentasikan dan mengelola warna dalam desain visual. Penggunaan konversi ini memungkinkan Anda untuk mencoba berbagai kombinasi hue, saturation, dan lightness, meningkatkan ekspresi warna yang lebih kaya.
Daftar Kode Warna RGB dan HSL
Nama Warna
Kode Warna RGB
Kode Warna HSL
Warna
Merah
rgb(255, 0, 0)
hsl(0, 100%, 50%)
Hijau
rgb(0, 255, 0)
hsl(120, 100%, 50%)
Biru
rgb(0, 0, 255)
hsl(240, 100%, 50%)
Kuning
rgb(255, 255, 0)
hsl(60, 100%, 50%)
Ungu
rgb(128, 0, 128)
hsl(300, 100%, 25%)
Rumus Konversi RGB HSL
Rumus Konversi dari RGB ke HSL
Input (R, G, B)
Output (H, S, L)
0 ≤ R, G, B ≤ 1
0 ≤ H < 360, 0 ≤ S ≤ 1, 0 ≤ L ≤ 1
1. Temukan nilai maksimum dan minimum: Cmax = max(R, G, B) Cmin = min(R, G, B) Δ = Cmax - Cmin
2. Hitung Hue (H): H = | (G - B) / Δ , jika Cmax = R | (B - R) / Δ + 2 , jika Cmax = G | (R - G) / Δ + 4 , jika Cmax = B Namun, mungkin perlu dilakukan penyesuaian untuk memastikan H berada dalam rentang 360 derajat.
3. Hitung Saturation (S): S = Δ / (1 - |2L - 1|)
4. Hitung Lightness (L): L = (Cmax + Cmin) / 2
5. Atur H ke dalam rentang 360 derajat: H = H * 60° , jika H < 0 H = H * 60° - 360° , jika H ≥ 0
Apa itu RGB?
RGB adalah singkatan dari Red (Merah), Green (Hijau), Blue (Biru), dan merupakan model warna digital. Model ini menggunakan kombinasi tiga warna dasar cahaya, yaitu merah, hijau, dan biru, untuk merepresentasikan berbagai warna.
Model warna RGB umum digunakan dalam gambar digital dan tampilan perangkat elektronik, di mana masing-masing warna direpresentasikan dalam rentang 0 hingga 255. Kombinasi komponen merah, hijau, dan biru menciptakan berbagai warna.
Apa itu HSL?
HSL adalah singkatan dari Hue (Hue), Saturation (Saturasi), Lightness (Kecerahan), dan merupakan salah satu cara merepresentasikan warna. Model ini menyatakan hue sebagai jenis warna (merah, hijau, biru, dll.), saturasi sebagai kecerahan warna, dan kecerahan sebagai tingkat kecerahan warna.
Model warna HSL memungkinkan representasi warna yang intuitif, terutama dalam desain dan grafika. Mengubah hue dapat mengubah jenis warna, sementara mengatur saturasi dan kecerahan dapat menyesuaikan kecerahan dan intensitas warna.
Apa keuntungan mengubah RGB ke HSL?
Ada beberapa keuntungan dalam mengubah dari RGB ke HSL. Pertama, HSL lebih mudah dimengerti secara intuitif oleh mata manusia. Dengan merepresentasikan warna menggunakan hue, saturasi, dan kecerahan, Anda dapat dengan mudah menyesuaikan jenis warna, kecerahan, dan intensitas warna.
Di bidang desain dan grafika, seringkali perlu dilakukan penyesuaian dan konversi warna. Dengan melakukan konversi dari RGB ke HSL, penyesuaian warna dan pengecekan kesesuaian warna dapat dilakukan dengan lebih efisien. Selain itu, menggunakan HSL memungkinkan ekspresi dan desain warna yang lebih kaya dengan memanfaatkan karakteristik hue, saturasi, dan kecerahan.
