0

Kết quả Mã hóa

Màu Oklch

Giới thiệu về màu Oklch

Màu Oklch là một không gian màu dựa trên cảm nhận, biểu diễn màu bằng độ sáng, chroma và sắc độ. Nó dùng cùng ý tưởng như Oklab, nhưng biểu diễn màu bằng chroma và góc, nên dễ điều chỉnh riêng cường độ màu và sắc độ.

Thành phầnÝ nghĩaGiá trị ví dụ
L: Độ sángBiểu thị độ sáng của màu. 0% là đen và 100% là trắng.60%
C: ChromaBiểu thị cường độ màu. 0 là không màu, giá trị lớn hơn tạo màu rực hơn.0.2
H: Sắc độBiểu thị sắc độ dưới dạng góc.90deg

Ví dụ, các màu chính như màu đỏ có thể được biểu diễn như sau.

MàuOklch ký hiệuKý hiệu RGB
Đỏoklch(62.8% 0.2577 29.23deg)rgb(255 0 0)
Xanh láoklch(51.98% 0.1769 142.5deg)rgb(0 128 0)
Xanh limeoklch(86.64% 0.2948 142.5deg)rgb(0 255 0)
Xanh dươngoklch(45.2% 0.3132 264.05deg)rgb(0 0 255)
Trắngoklch(100% 0 0deg)rgb(255 255 255)
Đenoklch(0% 0 0deg)rgb(0 0 0)

Để bao gồm độ trong suốt, hãy thêm giá trị alpha. Ví dụ, màu đỏ bán trong suốt có thể được biểu diễn là oklch(62.8% 0.2577 29.23deg / 0.5).

Cách xử lý độ sáng, chroma và sắc độ

Biểu thị độ sáng của màu. 0% là đen và 100% là trắng Giá trị dưới 0% được xử lý như 0%, và trên 100% được giới hạn về 100%.

Biểu thị cường độ màu. 0 là không màu, giá trị lớn hơn tạo màu rực hơn. Chroma âm được xử lý như 0. Khi chroma bằng 0, màu trở thành không màu và sắc độ được xử lý như 0deg.

Sắc độ được xử lý như một góc. oklch(62.8% 0.2577 389.23deg) được xử lý như cùng màu với oklch(62.8% 0.2577 29.23deg).

Khác nhau giữa Oklch và Oklab

Oklab biểu diễn màu bằng tọa độ vuông góc a và b. Oklch chuyển màu đó thành chroma và sắc độ.

Khác nhau giữa Oklch và LCH

Oklch được thiết kế để tạo ra thay đổi thị giác đồng đều hơn LCH khi thay đổi sắc độ hoặc chroma.