Penukar HEX kepada HSL
Tukar HEX kepada HSL secara langsung semasa anda menaip — percuma, serta-merta, lengkap dengan contoh pengiraan dan carta warna biasa.
Taip nilai HEX dan lihat nilai HSL di bawahnya, atau pilih warna daripada palet warna.
Contoh pengiraan
HEX #ff5733 = HSL 11, 100%, 60%
Cara penukaran berfungsi
- Kod HEX ialah saluran RGB yang sama tetapi ditulis dalam asas-16: dua digit bagi setiap saluran, daripada 00 (0) hingga ff (255).
- HSL menerangkan warna yang sama mengikut rona (hue, 0–360° pada roda warna), ketepuan (saturation) dan kecerahan (lightness) — sangat berguna untuk menggelapkan atau mengurangkan ketepuan warna dengan hanya mengubah satu komponen.
Warna biasa dalam HEX dan HSL
| Warna | HEX | HSL |
|---|---|---|
| Merah | #ff0000 | 0, 100%, 50% |
| Oren | #ffa500 | 39, 100%, 50% |
| Kuning | #ffff00 | 60, 100%, 50% |
| Hijau | #008000 | 120, 100%, 25% |
| Sian | #00ffff | 180, 100%, 50% |
| Biru | #0000ff | 240, 100%, 50% |
| Ungu | #800080 | 300, 100%, 25% |
| Merah Jambu | #ffc0cb | 350, 100%, 88% |
| Coklat | #a52a2a | 0, 59%, 41% |
| Putih | #ffffff | 0, 0%, 100% |
| Kelabu | #808080 | 0, 0%, 50% |
| Hitam | #000000 | 0, 0%, 0% |
Setiap penukaran dijalankan dalam penyemak imbas anda. Tiada apa-apa yang anda masukkan akan dimuat naik ke BroBroGo.
Soalan Lazim
Bagaimanakah cara untuk menukar HEX kepada HSL?
Taip atau tampal nilai HEX anda di atas — nilai HSL akan dikemas kini secara langsung semasa anda menaip. Anda juga boleh memilih warna secara visual menggunakan palet warna.
Adakah penukaran ini tepat?
Nilai dibundarkan kepada nombor bulat, iaitu format yang diperlukan oleh CSS dan alat reka bentuk. Perbezaannya adalah terlalu kecil untuk dikesan oleh mata kasar.