Bộ chọn/Chuyển đổi màu
Chọn màu và chuyển đổi giữa các định dạng khác nhau
Các kết quả khớp thay thế:
Xem trước giao diện văn bản
The quick brown fox jumps over the lazy dog
color: #6366f1; background-color: #6366f1; border-color: #6366f1;
Về các định dạng màu
Màu sắc có thể được biểu diễn dưới nhiều định dạng khác nhau, mỗi định dạng có các trường hợp sử dụng cụ thể và ưu điểm riêng. Công cụ này hỗ trợ chuyển đổi giữa các định dạng màu được sử dụng phổ biến nhất.
Hiểu các mô hình màu khác nhau là điều cần thiết cho phát triển web, thiết kế UI và tạo nghệ thuật kỹ thuật số.
Các định dạng màu được hỗ trợ
#RRGGBB
0-255, 0-255, 0-255
0°-360°, 0-100%, 0-100%
0°-360°, 0-100%, 0-100%
0-100%, ×4
16-235, 16-240, 16-240
L*: 0-100, a*/b*: -128 to +127
Chi tiết định dạng màu
HEX (Thập lục phân)
Màu HEX sử dụng ký hiệu thập lục phân 6 chữ số có tiền tố #. Mỗi cặp đại diện cho giá trị Đỏ, Xanh lá và Xanh dương (00-FF). Ký hiệu ngắn (#RGB) mở rộng thành #RRGGBB. Hỗ trợ định dạng 8 chữ số cho độ trong suốt alpha (#RRGGBBAA).
Sử dụng: CSS, HTML, thiết kế web, hầu hết các ngôn ngữ lập trình
RGB (Đỏ, Xanh lá, Xanh dương)
Mô hình RGB là mô hình màu cộng gộp trong đó ánh sáng đỏ, xanh lá và xanh dương được kết hợp để tạo ra màu sắc. Mô hình này ánh xạ trực tiếp với cách màn hình phát ra ánh sáng, làm cho nó trở thành không gian màu gốc cho màn hình kỹ thuật số.
Sử dụng: Màn hình hiển thị, đèn LED, CSS, hình ảnh kỹ thuật số
HSL (Sắc độ, Độ bão hòa, Độ sáng)
HSL biểu diễn màu sắc theo nhận thức của con người. Sắc độ là góc màu trên vòng tròn màu, Độ bão hòa là cường độ, và Độ sáng là mức độ sáng hoặc tối của màu. Điều này làm cho việc điều chỉnh màu trở nên trực quan hơn.
Sử dụng: CSS, tạo bảng màu, chọn màu trực quan
HSV/HSB (Sắc độ, Độ bão hòa, Giá trị/Độ sáng)
HSV (còn được gọi là HSB) tương tự như HSL nhưng sử dụng Giá trị thay vì Độ sáng. Giá trị đại diện cho độ sáng trong đó 100% là sáng nhất. Mô hình này được ưa chuộng trong nhiều ứng dụng đồ họa vì nó phù hợp hơn với cách nghệ sĩ suy nghĩ về màu sắc.
Sử dụng: Photoshop, GIMP, bộ chọn màu trong phần mềm đồ họa
CMYK (Xanh lơ, Đỏ tươi, Vàng, Chìa khóa/Đen)
CMYK là mô hình màu trừ được sử dụng trong in ấn. Không giống như RGB thêm ánh sáng, CMYK trừ ánh sáng từ giấy trắng. 'K' đại diện cho Chìa khóa (đen) để cải thiện chất lượng in và giảm sử dụng mực.
Sử dụng: Thiết kế in, in thương mại, bao bì
YCbCr (Độ sáng, Độ màu)
YCbCr tách các thành phần luma (Y) khỏi chroma (Cb, Cr). Sự tách biệt này cho phép nén video hiệu quả vì mắt người nhạy cảm hơn với độ sáng so với màu sắc. Thường được sử dụng trong JPEG, MPEG và các tiêu chuẩn phát sóng.
Sử dụng: Nén JPEG, mã hóa video (H.264, HEVC), phát sóng TV
Lab (CIE L*a*b*)
Lab là không gian màu đồng đều về mặt tri giác được thiết kế để xấp xỉ tầm nhìn của con người. L* đại diện cho độ sáng, a* trục xanh lá-đỏ, và b* trục xanh dương-vàng. Khoảng cách tri giác 1 đơn vị trông gần giống nhau bất kể màu sắc.
Sử dụng: Khoa học màu sắc, tính toán sự khác biệt màu (Delta E), quản lý màu chuyên nghiệp
Pantone (PMS)
Pantone Matching System (PMS) là hệ thống chuẩn hóa màu sắc độc quyền được sử dụng rộng rãi trong in ấn, thời trang và thiết kế sản phẩm. Mỗi màu có một mã duy nhất đảm bảo tái tạo nhất quán trên các vật liệu và nhà sản xuất khác nhau.
Sử dụng: Nhận diện thương hiệu, in thương mại, thiết kế bao bì, ngành dệt may
Lưu ý: Đây là các biểu diễn kỹ thuật số gần đúng. Màu Pantone thực tế có thể khác khi in.
Cơ bản về lý thuyết màu
Màu sắc tồn tại trong các 'không gian' khác nhau được tối ưu hóa cho các mục đích khác nhau. Các mô hình cộng gộp (RGB) hoạt động bằng cách thêm ánh sáng, trong khi các mô hình trừ (CMYK) hoạt động bằng cách hấp thụ ánh sáng. Các mô hình tri giác (Lab) phù hợp với tầm nhìn của con người.
Mô hình màu cộng gộp
RGB kết hợp ánh sáng đỏ, xanh lá và xanh dương. Thêm cả ba ở cường độ đầy đủ tạo ra màu trắng. Đây là cách màn hình, máy chiếu và màn hình kỹ thuật số hoạt động.
Mô hình màu trừ
CMYK hấp thụ (trừ) các bước sóng ánh sáng từ màu trắng. Kết hợp tất cả các màu tạo ra màu đen (về lý thuyết). Đây là cách mực và sơn hoạt động.
Mô hình màu tri giác
Lab và các không gian tương tự được thiết kế xung quanh nhận thức của con người, làm cho chúng lý tưởng cho việc so sánh và hiệu chỉnh màu.
Ghi chú chuyển đổi
- RGB HEX: Chuyển đổi không mất dữ liệu, chỉ thay đổi định dạng
- RGB HSL/HSV: Không mất dữ liệu trong phạm vi gamut, có thể mất độ chính xác
- RGB CMYK: Có thể mất màu ngoài phạm vi gamut in
- RGB Lab: Sử dụng chất chiếu sáng D65, giả định không gian màu sRGB
- RGB YCbCr: Sử dụng tiêu chuẩn BT.601 theo mặc định
Tiêu chuẩn độ tương phản WCAG
Hướng dẫn Khả năng tiếp cận Nội dung Web (WCAG) định nghĩa các yêu cầu tối thiểu về độ tương phản giữa văn bản và nền để đảm bảo tất cả người dùng, bao gồm cả những người có khiếm khuyết thị giác, có thể đọc nội dung.