Công cụ trực tuyến phối màu tương tự

Tính năng và cách hoạt động

Công cụ này giúp bạn tạo nhanh bảng màu tương tự (analogous) – ba màu nằm cạnh nhau trên bánh xe màu. Thay vì phải tự tính toán, bạn chỉ cần chọn màu gốc và khoảng cách góc, công cụ sẽ tự động tạo ra hai màu bổ sung.

Ví dụ cụ thể

Giả sử bạn chọn màu xanh dương #3B82F6 và để góc lệch mặc định 30°. Kết quả sẽ là ba màu: #3CE0F6 (bên trái), #3B82F6 (màu gốc), và #523CF6 (bên phải). Nếu tăng góc lệch lên 90°, bạn sẽ nhận được #3CF652, #3B82F6, và #F63CE0.

Tham số và xử lý

Màu gốc được chuyển đổi sang HSL, giữ nguyên độ bão hòa và độ sáng cho hai màu dịch chuyển, chỉ thay đổi hue (góc màu) theo khoảng cách đã chọn. Hue được bọc quanh 360°. Màu ở giữa luôn giữ nguyên giá trị HEX ban đầu, không bị làm tròn.

Hạn chế

Công cụ không cung cấp điểm tương phản tự động, mô phỏng mù màu, cảnh báo gamut, hoặc khóa bảng màu thương hiệu. Bạn cần tự kiểm tra độ tương phản và khả năng truy cập cho văn bản trên nền màu.

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

1. Tôi có thể chỉnh sửa từng màu sau khi tạo không?

Có. Mỗi ô màu có bảng điều khiển nâng cao cho phép bạn thay đổi mã HEX, RGB, HSV hoặc HSL. Việc chỉnh sửa một màu không ảnh hưởng đến hai màu còn lại.

2. Tại sao màu ở giữa không thay đổi khi tôi chỉnh sửa?

Màu ở giữa chính là màu gốc bạn chọn, nó được giữ nguyên giá trị HEX để đảm bảo chính xác. Nếu bạn muốn thay đổi, hãy chỉnh sửa trực tiếp trong bảng điều khiển của nó.

3. Làm thế nào để chọn khoảng cách góc phù hợp?

Khoảng cách góc từ 1 đến 90 độ. Góc nhỏ (ví dụ 15-30°) tạo sự hài hòa tinh tế, góc lớn (60-90°) tạo sự tương phản mạnh hơn. Hãy thử nhiều giá trị để tìm bảng màu ưng ý.

Lưu ý về quyền riêng tư

Tất cả tính toán diễn ra ngay trên trình duyệt của bạn, không gửi dữ liệu lên máy chủ.

Danh sách kiểm tra

• Chọn màu gốc phù hợp với thương hiệu hoặc thiết kế.
• Điều chỉnh góc lệch để có sự kết hợp mong muốn.
• Xem trước trên nền thực tế (web, in ấn).
• Kiểm tra độ tương phản cho văn bản.
• Sao chép mã màu chính xác.