Konverter LCH ke HEX

Tempel nilai LCH, langsung dapat HEX. Format lain juga bisa.

Dari LCH

Dibaca sebagai CIE LCH

Nilai HEX#ff5733

HEX ke LCH

Sesuaikan warna

Rona11°

Opasitas100%

Kecerahan68%

Kroma0,210

Rona34°

Semua format lain

Contoh LCH ke HEX

Warna	LCH	HEX
	lch(54.29 106.84 40.86)	#ff0000
	lch(87.82 113.33 134.38)	#00ff00
	lch(29.57 131.2 301.36)	#0000ff
	lch(100 0 0)	#ffffff
	lch(0 0 0)	#000000
	lch(53.59 0 0)	#808080
	lch(61.03 84.67 41.37)	#ff5733
	lch(54.62 66.37 277.59)	#3b82f6
	lch(66.69 53.46 161.39)	#10b981
	lch(72.79 80.1 70.35)	#f59e0b
	lch(50.69 85.19 302.56)	#8b5cf6
	lch(57.31 68.24 354.01)	#ec4899

Tentang LCH dan HEX

CIE LCH adalah Lab dalam bentuk polar: kecerahan, kroma, dan rona. Lebih mudah dipahami daripada Lab dan didukung di CSS sebagai lch().

HEX menulis merah, hijau, dan biru masing-masing sebagai dua digit heksadesimal, seperti #ff5733. Ini cara paling umum menulis warna di web dan di aplikasi desain.

Cara kerja konversinya

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

Tanya jawab

Bagaimana cara mengonversi LCH ke HEX?

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

Apakah konversi LCH ke HEX 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.