Konverter HSL ke Lab

Tempel nilai HSL, langsung dapat Lab. Format lain juga bisa.

Dari HSL

Dibaca sebagai HSL

Nilai Lablab(61.03 63.55 55.96)

Lab ke HSL

Sesuaikan warna

Rona11°

Opasitas100%

Kecerahan68%

Kroma0,210

Rona34°

Semua format lain

Contoh HSL ke Lab

Warna	HSL	Lab
	hsl(0, 100%, 50%)	lab(54.29 80.8 69.89)
	hsl(120, 100%, 50%)	lab(87.82 -79.27 80.99)
	hsl(240, 100%, 50%)	lab(29.57 68.29 -112.03)
	hsl(0, 0%, 100%)	lab(100 0 0)
	hsl(0, 0%, 0%)	lab(0 0 0)
	hsl(0, 0%, 50.2%)	lab(53.59 0 0)
	hsl(10.59, 100%, 60%)	lab(61.03 63.55 55.96)
	hsl(217.22, 91.22%, 59.8%)	lab(54.62 8.76 -65.79)
	hsl(160.12, 84.08%, 39.41%)	lab(66.69 -50.67 17.06)
	hsl(37.69, 92.13%, 50.2%)	lab(72.79 26.93 75.43)
	hsl(258.31, 89.53%, 66.27%)	lab(50.69 45.85 -71.8)
	hsl(330.37, 81.19%, 60.39%)	lab(57.31 67.87 -7.12)

Tentang HSL dan Lab

HSL menggambarkan rona dalam derajat, serta saturasi dan kecerahan dalam persen. Mudah dibaca, tetapi kecerahannya tidak merata secara persepsi: kuning pada 50% terlihat jauh lebih terang daripada biru pada 50%.

CIE Lab menggambarkan kecerahan L dan dua sumbu warna, a (hijau ke merah) dan b (biru ke kuning). Format ini tidak bergantung perangkat dan dipakai untuk menghitung selisih warna seperti ΔE.

Cara kerja konversinya

Kami membaca nilai HSL, mengubahnya ke CIE XYZ dengan matriks dari spesifikasi CSS Color 4, lalu ke Lab. Nilai di luar gamut tujuan dipetakan dengan algoritma CSS Color 4, yang mempertahankan kecerahan dan rona serta menurunkan kroma.

Tanya jawab

Bagaimana cara mengonversi HSL ke Lab?

Tempel atau ketik nilai HSL di kolom di atas. PickShade mengonversinya dengan rumus CSS Color 4 saat Anda mengetik, dan sekali klik menyalin nilai Lab.

Apakah konversi HSL ke Lab ini akurat?

Perhitungannya akurat, dan hasilnya hanya dibulatkan untuk tampilan, dengan digit yang cukup untuk dikonversi balik ke warna yang sama. Jika warna tidak muat di gamut tujuan, PickShade memberi peringatan dan menampilkan warna terdekat yang muat.

Bisakah saya mendapatkan format lain sekaligus?

Bisa. Semua format lain, termasuk OKLCH, Display P3, Tailwind, SwiftUI, Flutter, dan Android, tercantum di bawah hasil dan bisa disalin dengan sekali klik.

Apakah konverter ini gratis?

Ya. Gratis, tanpa daftar, dan sepenuhnya berjalan di browser Anda.