Fungsi lch() CSS

CSS

Definisi dan penggunaan lch() Fungsi di dalam ruang warna LCH (Kecerahan-Satuan warna-Keputihan) untuk menentukan warna.

contoh

Tentukan lch() Warna:

#p1 {latarbelakang warna: lch(10% 100 130 / 0.5);}
#p2 {latarbelakang warna: lch(40% 100 130);}
#p3 {latarbelakang warna: 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 Syntaks

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

Wajib. Tentukan kecerahan warna (boleh berupa nombor di antara 0 hingga 100 atau persen).

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

Juga boleh digunakan none (sama seperti 0%).
C

lch(

Wajib. Tentukan ketinggian warna (kadar warna), boleh berupa nombor atau persen.

Juga boleh digunakan none (sama seperti 0%).
H

Wajib. Tentukan sudut warna, boleh berupa nombor atau nilai sudut.

Juga boleh digunakan none (sama seperti 0deg).
/ A

Pilihan. Menunjukkan nilai lorong kejelasan warna (0% atau 0 menunjukkan kejelasan penuh, 100% atau 100 menunjukkan kejelasan penuh).

Juga boleh digunakan none (mewakili lorong kejelasan).

Nilai lalai adalah 100%.

Nilai minimum adalah 0 (atau 0%). Tidak ada batas maksimum (tetapi sebenarnya tidak melebihi 230). 100% sama dengan 150.

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

color

Memulakan dengan kata kunci from, diikuti nilai warna yang mewakili warna asal.
Ini adalah warna asal yang berdasarkan warna relatif.

Wajib. Tentukan kecerahan warna (boleh berupa nombor di antara 0 hingga 100 atau persen).

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

Juga boleh digunakan none (sama seperti 0%).
C

Wajib. Tentukan nombor di antara -125 hingga 125 atau persen di antara -100% hingga 100%.

Wajib. Tentukan jarak warna sepanjang sumbu a, menunjukkan tingkat merah-hijau warna.

-125 menunjukkan hijau, 125 menunjukkan merah.

Juga boleh digunakan none (sama seperti 0%).
H

Wajib. Tentukan sudut warna, boleh berupa nombor atau nilai sudut.

Juga boleh digunakan none (sama seperti 0deg).
/ A

Pilihan. Menunjukkan nilai lorong kejelasan warna (0% atau 0 menunjukkan kejelasan penuh, 100% atau 100 menunjukkan kejelasan penuh).

Juga boleh digunakan none (mewakili lorong kejelasan).

Nilai lalai adalah 100%.

Butir teknikal

Versi: Modul Warna CSS Level 4

Pendukung pelayar

Nombor di dalam tabel menunjukkan versi pelayar yang mendukung fungsi ini penuhnya.

Chrome Edge Firefox Safari Opera
lch()
111 111 113 15 97
Gabungkan nombor dan persen dalam parameter
116 116 113 16.2 102

Laman berkenaan

Rujukan：Warna CSS

Rujukan：Fungsi hsl() CSS

Rujukan：Fungsi hwb() CSS

Rujukan：Fungsi lab() CSS

Rujukan：Fungsi oklab() CSS

Rujukan：Fungsi oklch() CSS