Trộn màu

Công cụ này làm gì

Trộn màu chỉ làm việc với ký hiệu màu HEX tiêu chuẩn. Công cụ nhận HEX ngắn như #F60 và HEX đầy đủ như #FF6B35, chuẩn hóa giá trị bên trong và xuất mỗi kết quả dưới dạng mã HEX 6 chữ số viết hoa.

Phép trộn là nội suy tuyến tính đơn giản trên các kênh RGB/sRGB:

1. Chuyển từng màu HEX thành giá trị R, G và B từ 0 đến 255.
2. Với mỗi bước, tính t từ 0 đến 1.
3. Với từng kênh, dùng bắt đầu + (kết thúc - bắt đầu) * t.
4. Làm tròn từng kênh đến số nguyên gần nhất rồi chuyển kết quả trở lại HEX.

Vì hai đầu mút được tính vào, 2 bước nghĩa là “chỉ màu bắt đầu và màu kết thúc”. Với 7 bước từ #FF6B35 đến #1E3A8A, kết quả là:

Cách dùng phù hợp

• Thang trạng thái UI: tạo màu trung gian cho hover, active, selected hoặc disabled.
• Lên kế hoạch gradient: quyết định stop HEX chính xác trước khi viết gradient CSS trong công cụ khác.
• Biến thể biểu tượng và minh họa: giữ một nhóm nhỏ màu liên quan được nhất quán.
• QA thiết kế: so sánh điểm giữa được tính theo từng kênh thay vì ước lượng bằng mắt.

Giới hạn cần nhớ

Công cụ này không nhận rgb(), hsl(), tên màu, giá trị alpha hoặc HEX 8 chữ số. Nó không xuất RGB, HSL, LAB, LCH, đoạn CSS, kiểm tra tương phản hoặc đánh giá khả năng truy cập. Nếu cần các phần đó, hãy dùng bộ chuyển đổi, công cụ kiểm tra tương phản hoặc trình tạo gradient sau khi đã có các stop HEX.