⭐ 0
🔍
Teks Gambar PDF & Dokumen Audio Musik Elektronika Waktu Utilitas Validator Esoterik Game

Konverter HEX ke HSL

Konversikan warna apa pun antara notasi HEX, RGB, HSL, dan CMYK dengan contoh pratinjau langsung — langsung di browser Anda.

Memproses... 0%
Mengurai nilai warna
Mengubah ruang warna
Pratinjau rendering
Selesai

Hasil

Halaman ini membuka konverter warna dengan HEX yang telah dipilih sebelumnya — tempelkan kode seperti #3b82f6 dan jalankan untuk membaca warna yang sama dengan hsl(hue, saturation, lightness).

HSL mendeskripsikan warna berdasarkan rona (0–360°), saturasi, dan kecerahan, yang menjadikannya notasi CSS yang paling ramah manusia: menggelapkan tombol dengan menurunkan kecerahan atau membuat palet hanya dengan menggeser rona — pengeditan digit HEX tidak dapat diungkapkan dengan mudah.

Konverter lengkap menerima input HEX, RGB, atau HSL dan mengembalikan keempat notasi sekaligus, dengan pemilih warna asli dan contoh langsung — semuanya terjadi di browser Anda, sehingga nilai warna tidak pernah meninggalkan perangkat Anda.

🛡️
Dieksekusi di Browser

File dan masukan Anda tidak pernah keluar dari perangkat ini. Pemrosesan berjalan sepenuhnya offline. 100% Aman.

Format & Aturan yang Diterima

  • Mengonversi antara model warna HEX, RGB, HSL, dan CMYK.
  • Pemilih warna asli yang mengisi bidang nilai dalam format yang dipilih.
  • Contoh pratinjau langsung ditambah salinan sekali klik dari keempat notasi.

Manfaat Utama

✓ Satu masukan, setiap notasi: ketikkan satu warna satu kali dan baca kembali sebagai HEX, RGB, HSL, dan CMYK secara bersamaan.
✓ Pengurai pemaaf: menerima #fff, #3b82f6, rgb(255, 0, 0), kembar tiga "255, 0, 0" dan hsl(120, 50%, 50%) yang sama.
✓ Berjalan sepenuhnya di browser Anda — nilai warna tidak pernah diunggah di mana pun.

Kasus Penggunaan

  • • Ubah kode #rrggbb dari buku merek menjadi notasi rgb() atau hsl() sebelum memasang kabel hover dan status nonaktif di CSS.
  • • Ubah warna RGB di layar menjadi persentase CMYK untuk memeriksa kewarasan warna tersebut sebelum mengirim kartu nama atau pamflet untuk dicetak.
  • • Teteskan warna dengan pemilih bawaan dan salin keempat notasi sekaligus untuk handoff desain ke kode.