Penukar HSL kepada HEX
Tukar HSL kepada HEX secara langsung semasa anda menaip — percuma, serta-merta, lengkap dengan contoh pengiraan dan carta warna biasa.
Taip nilai HSL dan lihat nilai HEX di bawahnya, atau pilih warna daripada palet warna.
Contoh pengiraan
HSL 11, 100%, 60% = HEX #ff5733
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 HSL dan HEX
| Warna | HSL | HEX |
|---|---|---|
| Merah | 0, 100%, 50% | #ff0000 |
| Oren | 39, 100%, 50% | #ffa500 |
| Kuning | 60, 100%, 50% | #ffff00 |
| Hijau | 120, 100%, 25% | #008000 |
| Sian | 180, 100%, 50% | #00ffff |
| Biru | 240, 100%, 50% | #0000ff |
| Ungu | 300, 100%, 25% | #800080 |
| Merah Jambu | 350, 100%, 88% | #ffc0cb |
| Coklat | 0, 59%, 41% | #a52a2a |
| Putih | 0, 0%, 100% | #ffffff |
| Kelabu | 0, 0%, 50% | #808080 |
| Hitam | 0, 0%, 0% | #000000 |
Setiap penukaran dijalankan dalam penyemak imbas anda. Tiada apa-apa yang anda masukkan akan dimuat naik ke BroBroGo.
Soalan Lazim
Bagaimanakah cara untuk menukar HSL kepada HEX?
Taip atau tampal nilai HSL anda di atas — nilai HEX 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.