AI di perangkat — profesional dan privat.

Konverter HSL ke RGB

HSL ke RGB untuk kode — nilai 8-bit tepat, tanpa unggah.

  • Berjalan di perangkat Anda
  • Membaca deg, turn, grad, dan rad
  • Juga OKLCH, LAB, dan CMYK

Jatuhkan stylesheet atau berkas token

CSS, SCSS, SASS, LESS, JSON, SVG, atau TXT — hingga 10.0 MB

#FF4D4D

Nama warna terdekat: tomato (Keluarga yang sama, jarak 6.4)

HSLhsl(0 100% 65.1%)
RGBrgb(255 77 77)
  • HEX#FF4D4D
  • RGBrgb(255 77 77)
  • HSLhsl(0 100% 65.1%)
  • HWBhwb(0 30.2% 0%)
  • HSVhsv(0 69.8% 100%)Bukan CSS
  • CMYKcmyk(0% 69.8% 69.8% 0%)Bukan CSS
  • LABlab(59.906 67.771 41.299)
  • LCHlch(59.906 79.363 31.36)
  • OKLABoklab(0.673 0.19441 0.09082)
  • OKLCHoklch(0.673 0.21457 25.04)
  • Display P3color(display-p3 0.9239 0.3574 0.3319)
  • XYZ D65color(xyz-d65 0.45232 0.27107 0.09872)

Kontras

Di atas putih3.27:1
Aa
  • AA normalGagal
  • AA besarLulus
  • AAA normalGagal
  • AAA besarGagal
Di atas hitam6.42:1
Aa
  • AA normalLulus
  • AA besarLulus
  • AAA normalGagal
  • AAA besarLulus
Di atas warna Anda3.27:1
  • AA normalGagal
  • AA besarLulus
  • AAA normalGagal
  • AAA besarGagal

Nuansa lulus terdekat — #E22D35 mencapai 4.51:1 terhadap warna pembanding Anda.

Penglihatan warna

Bagaimana warna ini terlihat oleh orang dengan tiap jenis defisiensi penglihatan warna.

  • Penglihatan umum
  • Protanopia
  • Deuteranopia
  • Tritanopia
  • Tanpa penglihatan warna
Apa yang Anda konversi?
Nilai warna

Semua sintaks warna CSS, ditambah cmyk() dan hsv().

Sunting kanal dalam

Nilai yang Anda ketik di sini tetap bertahan, bahkan ketika warnanya tidak punya hue untuk menampilkannya.

Bandingkan dengan
Ekspor
Ekspor sebagai
Warna terbaru
Warna yang Anda konversi akan muncul di sini.

Cara mengonversi HSL ke RGB

  1. Masukkan HSL

    Hue (0–360°), saturation, dan lightness (0–100 %).

  2. Lihat RGB

    Merah, Hijau, dan Biru (masing-masing 0–255) dihitung dan ditampilkan.

  3. Salin atau gunakan

    Salin nilai RGB untuk CSS, perangkat lunak desain, atau kode.

Mengapa mengonversi HSL ke RGB?

Mengonversi HSL ke RGB mendukung kompatibilitas web, kontrol kanal yang presisi, pekerjaan desain, dan representasi warna yang akurat dalam proyek digital.

Manfaat RGB

  • Pengembangan web: Nilai RGB di CSS dan web
  • Kontrol presisi: Akses ke saluran merah, hijau, dan biru
  • Alat desain: Kompatibel dengan perangkat lunak umum
  • Manipulasi warna: Menyesuaikan tiap saluran
  • Dukungan luas: Umum di platform digital

HSL vs RGB: memahami perbedaannya

Memahami HSL dan RGB membantu memilih format yang tepat.

Karakteristik HSL

  • Model hue, saturation, lightness
  • Representasi intuitif
  • Kecerahan dan saturasi mudah disesuaikan
  • Umum di alat desain
  • Sering lebih intuitif untuk memilih warna

Karakteristik RGB

  • Nilai Merah, Hijau, Biru
  • Setiap komponen 0–255
  • Kontrol warna lebih presisi
  • Standar desain digital
  • Kompatibel dengan semua alat desain

Hue berputar, dan abu-abu tidak punya hue

Hue adalah sudut, dan sudut berperilaku berbeda dari dua kanal lainnya — dengan hasil yang mengejutkan bila Anda menganggapnya angka biasa.

  • 0 dan 360 adalah titik yang sama — Begitu pula 720, dan -60 yang sama dengan 300. Setiap hue dilipat ke dalam satu putaran, sehingga nilai jauh di luar 0-360 tetap menghasilkan warna yang masuk akal.
  • Empat satuan diterima — 120, 120deg, 0.333turn, 133.33grad, dan 2.094rad berarti hue yang sama. Alat desain dan CSS memakai beberapa di antaranya, dan menempelkan satuan yang keliru adalah kesalahan umum yang diserap halaman ini.
  • Pada saturasi 0%, hue tidak berpengaruh — Semua hue menghasilkan abu-abu yang sama. Di sini hue tidak hilang: nilainya tetap di kolom, sehingga menaikkan saturasi membawa Anda ke tujuan semula.
  • Hasilnya dibulatkan ke 8 bit — Kanal RGB adalah bilangan bulat 0 sampai 255, jadi dua nilai HSL yang sangat berdekatan bisa menghasilkan triplet RGB yang sama. Itu sifat targetnya, bukan konversinya.

Kapan mengonversi HSL ke RGB

Saat Anda butuh kontrol warna presisi, kompatibilitas alat, atau alur berbasis RGB.

Kasus pemakaian ideal

  • Pengembangan web: RGB di CSS dan JavaScript
  • Perangkat lunak desain: Konversi untuk aplikasi RGB
  • Manipulasi warna: Menyesuaikan saluran individual
  • Proyek digital: Representasi warna yang tepat
  • Pemrograman: RGB dalam kode dan skrip

Fakta konversi HSL ke RGB

Memahami ini membantu keputusan konversi.

Statistik penting

  • HSL memakai hue 0–360, saturation dan lightness 0–100 %
  • RGB memakai merah, hijau, dan biru masing-masing 0–255
  • Konversi mempertahankan akurasi warna
  • HSL sering lebih intuitif untuk pemilihan warna
  • RGB lebih presisi untuk manipulasi per saluran

Praktik terbaik

Panduan untuk hasil konversi HSL ke RGB yang andal.

Pertimbangan kualitas

  • Periksa nilai HSL sebelum konversi
  • Gunakan rentang valid (H: 0–360; S/L: 0–100 %)
  • Periksa akurasi nilai RGB
  • Uji warna di aplikasi target
  • Pertimbangkan ruang warna dan gamut

Kapan tidak mengonversi

  • Jangan konversi jika HSL sudah cukup
  • Pertahankan HSL di alat yang mendukungnya
  • Hindari konversi jika format tidak penting
  • Jangan konversi jika aplikasi mendukung HSL langsung

Keterbatasan dan kompatibilitas

Konversi berjalan di perangkat; memerlukan JavaScript dan peramban modern.

Didukung algoritme pemrosesan gambar yang dioptimalkan.

Konverter warna lainnya

Pertanyaan yang sering diajukan

Bagaimana cara kerja konverter HSL ke RGB?

Masukkan hue dari 0 hingga 360 derajat beserta persentase saturation dan lightness, dan alat menerapkan rumus standar HSL ke RGB untuk menghitung tiap saluran. Nilai merah, hijau, dan biru dari 0 hingga 255 serta pratinjau warna langsung diperbarui seketika saat Anda menyetel.

Berapa rentang nilai HSL yang valid?

Hue adalah sudut pada roda warna dari 0 hingga 360 derajat, di mana 0 adalah merah, 120 hijau, dan 240 biru. Saturation dan lightness sama-sama persentase dari 0 hingga 100; saturation mengatur intensitas warna dan lightness bergerak dari hitam, melalui hue murni, hingga putih.

Mengapa mengonversi HSL ke RGB?

HSL intuitif untuk memilih dan menyetel warna karena Anda mengubah hue, saturation, dan lightness terpisah, tetapi layar dan banyak API mengharapkan RGB. Mengonversi memungkinkan Anda mendesain dalam HSL, lalu mengekspor nilai RGB siap produksi untuk CSS, canvas, dan alur berbasis RGB lain.

Apakah konversi HSL ke RGB akurat?

Ya. Konversi memakai standar HSL ke RGB yang didefinisikan secara matematis, jadi warna yang sama diwakili secara setia di kedua format. Nilai saluran dibulatkan ke bilangan bulat terdekat dari 0 hingga 255, presisi yang persis dipakai layar dan CSS untuk menampilkan warna.

Apakah warna saya tetap privat?

Ya. Semua perhitungan terjadi lokal di perangkat Anda, jadi masukan HSL dan keluaran RGB tidak pernah diunggah ke server atau disimpan. Tidak ada yang meninggalkan perangkat Anda, sehingga palet dan warna proyek tetap privat bahkan saat mengerjakan desain yang belum dirilis.

Apakah gratis dan bisakah saya memakai nilai RGB di CSS?

Ya. Konverter ini gratis (hingga 200 warna per konversi di paket gratis; Pro menghapus batas itu), dan berjalan di perangkat modern mana pun di desktop dan seluler, bahkan offline setelah dimuat. Salin nilai RGB dengan satu klik dan tempel ke deklarasi rgb() di CSS, atau ke perangkat lunak desain dan kode.

4.8dari 5

dari 298 penilaian

Beri nilai alat ini

Ketuk bintang — hanya sebentar