Fungsi lch() CSS

Definisi dan penggunaan

Definisi dan penggunaan CSS lch() Fungsi di ruang warna LCH (Kecerahan-Kromatik-Ton) untuk menentukan warna.

contoh

Tentukan lch() Warna:

#p1 {background-color:lch(10% 100 130 / 0.5);}
#p2 {background-color:lch(40% 100 130);}
#p3 {background-color:lch(90% 100 130 / 20%);}
#p3 {background-color:lch(10% 160 200);}
#p4 {background-color:lch(10% 160 200);}
#p5 {background-color:lch(40% 160 200);}
#p6 {background-color:lch(90% 160 200 / 0.3);}
#p7 {background-color:lch(10% 130 70 / 0.5);}
#p8 {background-color:lch(40% 130 70);}

#p9 {background-color:lch(90% 130 70);}

Coba sendiri

CSS Syntax

Syntax nilai absolutIni adalah warna asli yang berdasarkan warna yang relatif. C H / Alch(from
) Nilai
Ini adalah warna asli yang berdasarkan warna yang relatif.

Wajib. Menentukan kecerahan warna, dapat berupa angka atau persen di antara 0 sampai 100.

0 (atau 0%) menunjukkan hitam, 100 (atau 100%) menunjukkan putih.

Juga dapat digunakan none (setara dengan 0%).
C

lch(

Wajib. Menentukan warna (jumlah warna), dapat berupa angka atau persen.

Juga dapat digunakan none (setara dengan 0%).
H

Wajib. Menentukan sudut warna, dapat berupa angka atau nilai sudut.

Juga dapat digunakan none (setara dengan 0derajat).
/ A

Pilihan. Menunjukkan nilai jalur transparansi warna (0% atau 0 menunjukkan transparansi penuh, 100% atau 100 menunjukkan tak transparan).

Juga dapat digunakan none (menunjukkan jalur transparansi yang tidak ada).

Nilai default adalah 100%.

Nilai minimum adalah 0 (atau 0%). Batas maksimum tanpa batas (tetapi sebenarnya tidak melebihi 230). 100% setara dengan 150.

Syntax nilai relatif from Ini adalah warna asli yang berdasarkan warna yang relatif. C H / Alch(from
) Nilai
Deskripsi from

color

Dengan kata kunci from diawal, diikuti nilai warna yang menunjukkan warna asli.
Ini adalah warna asli yang berdasarkan warna yang relatif.

Wajib. Menentukan kecerahan warna, dapat berupa angka atau persen di antara 0 sampai 100.

0 (atau 0%) menunjukkan hitam, 100 (atau 100%) menunjukkan putih.

Juga dapat digunakan none (setara dengan 0%).
C

Wajib. Menentukan angka di antara -125 sampai 125 atau persen di antara -100% sampai 100%.

Wajib. Menentukan jarak warna sepanjang sumbu a, menunjukkan tingkat kebiruan hijau-hijau.

-125 menunjukkan hijau, 125 menunjukkan merah.

Juga dapat digunakan none (setara dengan 0%).
H

Wajib. Menentukan sudut warna, dapat berupa angka atau nilai sudut.

Juga dapat digunakan none (setara dengan 0derajat).
/ A

Pilihan. Menunjukkan nilai jalur transparansi warna (0% atau 0 menunjukkan transparansi penuh, 100% atau 100 menunjukkan tak transparan).

Juga dapat digunakan none (menunjukkan jalur transparansi yang tidak ada).

Nilai default adalah 100%.

Detil teknis

Versi: CSS Color Module Level 4

Dukungan browser

Angka di tabel menunjukkan versi browser yang mendukung fungsi ini penuhnya.

Chrome Edge Firefox Safari Opera
lch()
111 111 113 15 97
Campur angka dan persen di parameter
116 116 113 16.2 102

Halaman yang berhubungan

Referensi：Warna CSS

Referensi：Fungsi hsl() CSS

Referensi：Fungsi hwb() CSS

Referensi：Fungsi lab() CSS

Referensi：Fungsi oklab() CSS

Referensi：Fungsi oklch() CSS