Công cụ tìm màu bổ túc

Ví dụ

Các giá trị HEX, RGB và HSL hiển thị cùng mô tả một màu sRGB. Sao chép kết quả để dùng trong CSS hoặc công cụ thiết kế khác.

Màu bổ túc HSL so với màu bổ túc RYB

• HSL (màn hình): đỏ ↔ xanh lơ, xanh lá ↔ hồng cánh sen, xanh dương ↔ vàng. Đây là hình học của góc HSL suy ra từ sRGB dùng trong CSS, không phải mô phỏng trộn ánh sáng.
• RYB (họa sĩ): đỏ ↔ xanh lá, xanh dương ↔ cam, vàng ↔ tím. Đây là quy ước giảng dạy truyền thống, không dự đoán cách các sắc tố cụ thể pha trộn.

Công cụ chỉ dùng mô hình HSL kỹ thuật số. Công cụ không đổi sang vòng màu sơn RYB vì màu bổ túc của sắc tố còn phụ thuộc vào vật liệu và cách pha.

Khi nào màu bổ túc phát huy tốt

• Nút CTA trên nền thương hiệu. Ghép màu chính với màu bổ túc của nó để nút nổi bật.
• Trực quan hóa dữ liệu với biểu đồ hai chuỗi (lãi và lỗ, trước và sau).
• Đổ bóng trong minh họa: bóng của một quả bí ngô màu cam trông thuyết phục hơn khi tô xanh dương thay vì cam tối hơn.
• Thương hiệu thể thao: nhiều đội dùng bảng màu bổ túc hoặc split-complement (xanh dương/cam, đỏ/xanh lá, vàng/tím).

Khi nào chúng thất bại

• Chữ thân bài trên nền: màu bổ túc trực tiếp (đỏ trên xanh lá, xanh dương trên cam) gây khó chịu khi đọc. Sai lệch sắc thể cao gây mỏi mắt.
• Phủ toàn bề mặt: một màn hình 50% đỏ và 50% xanh lá rất mệt mắt. Hãy dùng màu bổ túc cho điểm nhấn (5-10% diện tích bề mặt), không phải làm chủ đạo.
• Tính nhất quán thương hiệu: màu bổ túc trông rối. Hầu hết thương hiệu hiện đại dùng đơn sắc hoặc tương đồng + một màu nhấn, không phải cặp bổ túc kép.

Split-complement

Split-complement (gốc + 150° + 210°) thường là lựa chọn thực dụng tốt hơn:

• Giữ độ tương phản cao với vùng màu bổ túc.
• Tránh hiện tượng rung của màu bổ túc trực tiếp.
• Cung cấp hai màu nhấn cho thiết kế nhiều lớp.

Ví dụ: gốc = xanh dương → bổ túc = cam (gắt) → split-complement = cam đỏ + cam vàng (phong phú hơn).

Giảm bão hòa màu bổ túc

Màu bổ túc thuần hiếm khi đẹp ở độ bão hòa tối đa. Hãy giảm độ bão hòa 20-40% trên một hoặc cả hai màu để có bảng màu dịu hơn:

• Đỏ (S=100%) + Xanh lơ (S=100%) = rung mắt.
• Đỏ (S=60%) + Xanh lơ (S=60%) = bảng màu poster cổ điển.
• Đỏ gạch thương hiệu (S=45%) + Xanh ngọc bụi (S=30%) = hiện đại, dùng được.

Kiểm tra hợp lý trước khi dùng

• Tỷ lệ tương phản của cặp màu: công cụ báo cáo giá trị này. Dưới 4.5:1 là không đạt AA cho chữ.
• Thử trên nền trung tính: màu bổ túc trông khác nhau trên nền trắng, xám, đen.
• Thử in nếu đó là đích đến, CMYK có thể làm dịch chuyển độ bão hòa và quan hệ bổ túc so với RGB.