Không gian màu được giải thích
FAQ
- Tôi nên sử dụng không gian màu nào cho CSS?
- HEX và RGB là tiêu chuẩn. CSS hiện đại cũng hỗ trợ oklch() và lab() để có các chủ đề và độ chuyển màu tốt hơn về mặt nhận thức.
Tại sao không gian màu lại quan trọng
Các không gian màu khác nhau thể hiện cùng một màu được cảm nhận theo những cách khác nhau. Việc chọn không gian phù hợp sẽ ảnh hưởng đến nội suy, kiểm tra khả năng truy cập và xuất sang các công cụ CSS, in hoặc thiết kế.
Các nhà phát triển web thường làm việc ở sRGB (HEX/RGB/HSL), trong khi quy trình in có thể cần CMYK và các công cụ thiết kế nâng cao có thể sử dụng LAB để điều chỉnh thống nhất về mặt nhận thức.
HEX, RGB và HSL
HEX nhỏ gọn và quen thuộc trong CSS (#RRGGBB). RGB ánh xạ trực tiếp tới các kênh màn hình. HSL phân tách màu sắc, độ bão hòa và độ sáng — hữu ích cho việc điều chỉnh chủ đề cũng như tạo sắc thái và sắc thái.
Sử dụng HEX/RGB cho API và mã thông báo thiết kế. Sử dụng HSL khi bạn cần làm sáng hoặc làm tối màu thương hiệu trong khi vẫn giữ được màu sắc ổn định.
CMYK, PHÒNG THÍ NGHIỆM và XYZ
Mô hình CMYK mực in trừ. Việc chuyển đổi RGB sang CMYK là gần đúng vì màn hình và máy in có các gam màu khác nhau.
LAB và XYZ độc lập với thiết bị. LAB đặc biệt hữu ích cho việc tính toán độ dốc đồng đều về mặt cảm nhận và độ sáng liên quan đến khả năng tiếp cận.