Công Cụ Chuyển Đổi Màu

Một màu HEX như #FF5733 chuyển đổi sang RGB bằng cách chia thành cặp: FF=255 (đỏ), 57=87 (xanh lá), 33=51 (xanh dương). Mỗi cặp là số thập lục phân (0-FF) đại diện cho 0-255 thập phân. Vậy #FF5733 = RGB(255, 87, 51). Với HEX viết tắt như #F53, mở rộng mỗi chữ số: #FF5533. Công cụ này tính toán tự động—chỉ cần nhập bất kỳ định dạng nào và nhận kết quả ngay.

RGB (Đỏ, Xanh Lá, Xanh Dương) định nghĩa màu bằng cách trộn cường độ ánh sáng (mỗi giá trị 0-255). HSL (Sắc Độ, Bão Hòa, Độ Sáng) trực quan hơn: Sắc Độ là vị trí trên vòng tròn màu (0-360°), Bão Hòa là cường độ màu (0-100%), và Độ Sáng là độ sáng (0-100%). HSL dễ điều chỉnh hơn—để làm sáng màu, chỉ cần tăng L. Để giảm bão hòa, giảm S.

Dùng HEX (#FF5733) cho màu tĩnh—ngắn gọn và được hỗ trợ phổ biến. Dùng RGB hoặc RGBA khi cần độ trong suốt: rgba(255, 87, 51, 0.5) tạo màu trong suốt 50%. HSL tuyệt vời cho thao tác màu theo lập trình—điều chỉnh độ sáng hoặc bão hòa rất đơn giản. CSS hiện đại hỗ trợ cả ba định dạng như nhau, vì vậy hãy chọn dựa trên khả năng đọc và liệu bạn có cần kênh alpha không.

Màu bổ sung nằm đối diện trên vòng tròn màu, tạo độ tương phản tối đa. Trong HSL, chỉ cần cộng hoặc trừ 180° từ sắc độ. Ví dụ, nếu màu của bạn có H=30° (cam), màu bổ sung là H=210° (xanh dương). Giữ S và L giống nhau. Đỏ (#FF0000, H=0°) bổ sung cho Cyan (H=180°). Công cụ này hiển thị giá trị HSL, giúp dễ dàng tính màu bổ sung, bộ ba (+120°), hoặc bổ sung chia đôi (+150°/+210°).

Màn hình khác nhau về dải màu (phạm vi màu có thể hiển thị), hiệu chỉnh và công nghệ tấm nền (IPS, OLED, TN). Một màu như #FF5733 là giá trị kỹ thuật số chính xác, nhưng màn hình diễn giải khác nhau dựa trên cấu hình màu và cài đặt. Để màu nhất quán, sử dụng màn hình được hiệu chỉnh phần cứng, thiết kế trong không gian màu sRGB và kiểm tra trên nhiều thiết bị. Màu in sử dụng CMYK với dải màu nhỏ hơn RGB.