Công cụ phối màu tam sắc trực tuyến

Tính năng và cách dùng chi tiết

Bảng màu tam sắc là gì?

Bảng màu tam sắc sử dụng ba màu cách đều nhau 120 độ trên vòng màu HSL. Ví dụ với màu gốc #FF0000 (đỏ), công cụ tạo ra #FF0000, #00FF00 (xanh lá) và #0000FF (xanh dương) theo đúng thứ tự. Màu gốc luôn được giữ chính xác; các màu xoay vòng được làm tròn đến số nguyên HSL, do đó có thể có sai lệch nhỏ so với giá trị lý thuyết.

Các điều khiển thực tế

Công cụ có ô nhập HEX, các điều khiển RGB/HSV/HSL, nút tạo màu, nút xóa và ba ô màu kết quả. Không có tùy chọn chọn góc hay số lượng màu; góc luôn là 120° và 240°. Không có chế độ tách bù (split-complementary) với góc 150° và 210°.

Ví dụ cụ thể

Nhập màu gốc #3B82F6 (xanh dương). Sau khi bấm tạo, bạn sẽ thấy ba ô: #3B82F6, màu xoay 120° và màu xoay 240°. Các mã HEX hiển thị có thể được sao chép để dùng trong CSS hoặc thiết kế.

Lưu ý về độ tương phản và chỉnh sửa thủ công

Khoảng cách màu đều nhau không đảm bảo độ tương phản văn bản/nền tốt hay sự hài hòa thị giác. Bạn nên kiểm tra riêng từng cặp màu. Khi bạn chỉnh sửa một ô màu, chỉ ô đó thay đổi; hai ô còn lại không được tính lại, do đó bảng màu có thể không còn là tam sắc chính xác.

Câu hỏi thường gặp

Làm thế nào để nhập màu gốc theo RGB hoặc HSV?

Mở phần điều khiển nâng cao (advanced controls) và chuyển sang chế độ RGB, HSV hoặc HSL. Nhập các giá trị tương ứng; mã HEX sẽ được cập nhật tự động.

Tại sao màu xoay vòng không giống hệt màu tôi tính toán bằng công thức?

Công cụ làm tròn giá trị HSL đến số nguyên khi tạo màu xoay vòng, nên có thể có sai lệch nhỏ so với giá trị chính xác. Điều này giúp mã HEX gọn gàng hơn.

Tôi có thể tải ảnh lên để lấy màu từ ảnh không?

Không, công cụ này chỉ hoạt động với màu nhập trực tiếp. Không có chức năng tải ảnh, gửi yêu cầu AI hay phân tích ảnh.

Kiểm tra nhanh

• Nhập màu gốc #FF0000 và bấm tạo: kết quả phải là #FF0000, #00FF00, #0000FF.
• Chỉnh sửa ô màu thứ hai: mã HEX của ô đó thay đổi, hai ô kia giữ nguyên.
• Bấm nút xóa: màu gốc trở về #3B82F6 và các ô kết quả bị xóa.