Color Palette
Color Palette — chạy trên trình duyệt. Không lưu dữ liệu.
Bảng màu hài hòa
Nhập giá trị, rồi nhấn Tính.
Cách sử dụng
- Nhập màu sáu chữ số bắt đầu bằng # vào HEX gốc. Mặc định là #3b82f6.
- Trong Hòa sắc, chọn tương tự, bổ sung, tam giác hoặc tông đơn sắc.
- Nhấn Tạo để hiện lưới mẫu 5 màu.
- Sao chép danh sách HEX để dán mã vào công cụ thiết kế.
- Màn hình này không đảm bảo tương phản chữ; kiểm tra riêng bằng công cụ tương phản WCAG. Đặt lại khôi phục màu mặc định.
Khái niệm chính
Tạo bảng màu lấy 5 màu từ một HEX thương hiệu cho điểm nhấn UI và chủ đề slide. Trên bánh xe HSL, tương tự dùng hue gần, bổ sung đối diện, tam giác bước 120°, và đơn sắc cùng hue đổi độ sáng. CMYK và alpha (trong suốt) không phủ. Thử bảng 5 màu tương tự, bổ sung, tam giác và đơn sắc từ một HEX chính.
Khả năng tiếp cận (tương phản độ chói) không được khớp. Kiểm tra tổ hợp nền và thân bằng công cụ tương phản WCAG cho AA/AAA. Kết quả là tham khảo thiết kế; giá trị màu không gửi lên máy chủ. Chỉ góc hue HSL được xoay nên tỷ lệ tương phản không tính. Xác nhận màu thân bằng kiểm tra tương phản WCAG. Luồng an toàn là xác nhận AA bằng WCAG trước khi dùng màu cho chữ thân hay nút.
Ví dụ
Gốc #3b82f6 và hòa sắc tương tự cho năm ô xanh kề nhau bạn có thể chép thành danh sách HEX. Bổ sung trộn màu tương phản phía cam. Đơn sắc là năm bước sáng–tối cùng xanh. Luôn năm màu. Bổ sung #ef4444 trộn màu phía teal; đơn sắc là bước độ sáng cùng đỏ. Chép danh sách HEX vào công cụ thiết kế. Tam giác #22c55e đặt ba hướng 120° trên năm ô. Chép danh sách HEX vào công cụ thiết kế.
Liên quan: tương phản WCAG · chuyển đổi màu
Câu hỏi thường gặp
Bảng màu có đảm bảo tương phản WCAG không?
Không. Kiểm tra tương phản riêng bằng công cụ tương phản WCAG. Tổ hợp nút và thân thường trượt—đừng tin mỗi bảng màu. Chữ sáng trên nền sáng thường trượt.
Có bảng in CMYK không?
Dựa HEX/RGB. Chuyển in là quy trình riêng. CMYK in cần chuyển riêng.
Có dùng HEX trong suốt (alpha) không?
Không. Chỉ #RRGGBB. Alpha HEX 8 chữ số có thể bị cắt hoặc lỗi. Đừng dùng HEX có alpha.
Bảng có bao nhiêu màu?
Luôn 5 màu. Luôn năm ô. Không có tùy chọn đổi số lượng.
Màu gốc có gửi lên máy chủ không?
Không. Chỉ tính trong trình duyệt. HEX gốc không được lưu.
Tương tự, bổ sung và tam giác khác nhau thế nào?
Tương tự là hue gần, bổ sung đối diện, tam giác ba lát bánh xe đều. Đơn sắc chỉ đổi độ sáng. Tương tự là hue kề; tam giác là 120°. Tông đơn sắc giữ hue cố định và đổi độ sáng.
Cập nhật lần cuối: 2026-09-04