Konverter HSL ke RGB Ubah nilai HSL menjadi RGB dengan penggeser interaktif dan pratinjau langsung.

🎨

Konverter HSL ke RGB

Ubah nilai HSL menjadi RGB dengan penggeser interaktif dan pratinjau langsung.

Atur Nilai HSL

Sesuaikan penggeser Hue (0-360°), Kemasan (0-100%), dan Kecerahan (0-100%).

Lihat Keluaran RGB

Lihat nilai Merah, Hijau, dan Biru yang diperbarui secara instan.

Salin Nilai RGB

Salin fungsi CSS rgb() untuk digunakan dalam proyek Anda.

Loading tool...

What Is Konverter HSL ke RGB?

Konverter HSL ke RGB mengubah nilai warna Hue, Saturation, dan Lightness menjadi kanal Red, Green, dan Blue. Konversi ini sangat penting ketika Anda telah merancang warna menggunakan model HSL yang intuitif dan perlu menerapkannya pada sistem yang hanya menerima RGB, seperti beberapa API grafis, sistem kontrol LED, atau perangkat lunak lama. Model HSL memungkinkan Anda untuk berpikir tentang konsep warna - apa hue, seberapa vivid, seberapa terang - sementara RGB adalah bahasa asli tampilan digital. Konverter ini menjembatani kesenjangan tersebut, mengambil pilihan warna yang ramah manusia dan menghasilkan nilai kanal yang tepat untuk reproduksi digital. Setiap kanal output berkisar dari 0 hingga 255, memberikan Anda nilai yang tepat untuk fungsi CSS rgb(), operasi Canvas API, atau sistem warna berbasis RGB apa pun.

Why Use Konverter HSL ke RGB?

Penggeser HSL intuitif untuk eksplorasi warna alami
Nilai saluran RGB yang akurat ditampilkan dalam format besar dan mudah dibaca
Pratinjau swatch waktu nyata menunjukkan hasil warna yang tepat
String CSS rgb() siap digunakan
Cepat dan gratis - tidak perlu mendaftar atau menginstal

Common Use Cases

Pemrograman Grafis

Konversi warna yang didefinisikan dengan HSL ke RGB untuk parameter warna WebGL, Canvas, atau mesin game.

LED & Perangkat Keras

Dapatkan nilai RGB untuk mengontrol strip LED RGB, lampu pintar, atau perangkat IoT yang memerlukan input R, G, B.

Integrasi Sistem Warna

Jembatani token desain berbasis HSL dengan kerangka atau sistem warisan yang hanya mendukung RGB.

Pendidikan

Pahami bagaimana sifat HSL perseptual dipetakan ke model warna RGB aditif.

Technical Guide

Algoritma konversi HSL ke RGB menghitung chroma C = (1 - |2L - 1|) × S di mana S dan L dinormalisasi ke 0-1. Nilai antara X = C × (1 - |(H/60) mod 2 - 1|) menentukan komponen warna terbesar kedua. Berdasarkan sektor hue (0-60°, 60-120°, dll.), nilai RGB sementara ditugaskan menggunakan C, X, dan 0. Akhirnya, offset lightness m = L - C/2 ditambahkan ke semua kanal, dan hasilnya diskalakan dari 0-1 hingga 0-255. Enam sektor hue menciptakan transisi yang halus: 0-60° menggabungkan merah ke kuning, 60-120° kuning ke hijau, dan seterusnya sekitar roda warna. Pada S=0, semua kanal RGB sama dengan L×255 (abu-abu). Pada L=0, semua kanal adalah 0 (hitam). Pada L=1, semua kanal adalah 255 (putih). Algoritma ini secara matematis presisi dan deterministik - input HSL yang sama selalu menghasilkan output RGB yang sama.

Tips & Best Practices

1
HSL (0, 100%, 50%) menghasilkan RGB (255, 0, 0) - merah murni
2
HSL dengan kecerahan 0% memberikan RGB (0, 0, 0) terlepas dari hue dan kemasan
3
HSL dengan kemasan 0% menghasilkan nilai R, G, B yang sama (nuansa abu-abu)
4
Nilai hue melingkar: 361° sama dengan 1°
5
Konversi ini digunakan secara internal oleh browser untuk merender warna CSS hsl()

Related Tools

Konverter RGB ke HEX

Ubah nilai warna RGB menjadi kode HEX dengan penggeser dan pratinjau langsung.

🎨 Color Tools

Konverter HSL ke HEX

Ubah nilai warna HSL menjadi kode HEX dengan penggeser interaktif.

🎨 Color Tools

Konverter RGB ke HSL

Ubah nilai RGB menjadi format warna HSL dengan penggeser interaktif.

🎨 Color Tools

Pemilih Warna

Pemilih warna interaktif dengan output HEX, RGB, HSL, dan CMYK.

🎨 Color Tools

Penghasil Warna Tint

Buat warna tint yang lebih terang dari warna apa pun dengan jumlah langkah yang dapat disesuaikan.

🎨 Color Tools

Frequently Asked Questions

Q Apakah konversi HSL ke RGB akurat?

Ya, konversi tersebut matematis presisi. Beberapa pembulatan minor mungkin terjadi saat mengonversi rentang 0-1 ke integer 0-255, tetapi perbedaan warna tidak dapat dilihat.

Q Nilai RGB apa yang dihasilkan oleh hsl(120, 100%, 50%)?

Menghasilkan rgb(0, 255, 0) - hijau murni. Hue 120° adalah hijau, kemasan 100% sangat hidup, dan kecerahan 50% adalah warna murni tanpa penggelapan atau penerangan.

Q Mengapa HSL ada jika layar menggunakan RGB?

HSL dirancang untuk manusia, bukan mesin. Sementara layar mencampur cahaya R, G, B, orang berpikir tentang warna dalam hal apa warnanya, seberapa hidup, dan seberapa terang. HSL memetakan ke intuisi ini.

Q Bisakah saya mengonversi kembali dari RGB ke HSL tanpa kehilangan?

Ya, konversi tersebut dapat dibalik sepenuhnya. RGB → HSL → RGB akan mengembalikan nilai asli, dengan perbedaan maksimal ±1 karena pembulatan integer.

About This Tool

Konverter HSL ke RGB is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.