Trình tạo Bảng màu

Một bảng màu hiệu quả thường theo quy tắc 60-30-10: 60% màu chủ đạo (nền và vùng lớn), 30% màu phụ (thanh bên, thẻ, tiêu đề) và 10% màu nhấn (nút, liên kết, CTA). Giới hạn hai đến bốn tông màu chính giúp giao diện vững chắc. Luôn kiểm tra độ tương phản giữa chữ và nền để đảm bảo khả năng đọc cho người sử dụng thị lực kém hoặc mù màu.

Đây là ba mối quan hệ hòa sắc cổ điển trên vòng màu. Màu bổ sung nằm đối diện nhau (ví dụ: xanh lá và cam), tạo tương phản cao và sống động. Màu tương tự nằm liền kề (ví dụ: xanh lá, xanh lá-lục và lục) cho cảm giác dịu nhẹ và hài hòa. Sơ đồ ba đỉnh dùng ba màu cách đều trên vòng màu, mang lại sự cân bằng và phong phú về thị giác.

Các công cụ màu sắc phân tích pixel của ảnh và nhóm các màu tương tự bằng thuật toán k-means hoặc median cut để trích xuất các màu chủ đạo. Chỉ cần tải ảnh lên, chọn số lượng màu mong muốn rồi xuất mã hex để dùng trực tiếp trong CSS hoặc công cụ thiết kế.

RGB (Red, Green, Blue) biểu diễn màu sắc qua ba kênh ánh sáng từ 0 đến 255, cách màn hình tạo ra màu sắc vật lý. HSL (Hue, Saturation, Lightness) trực quan hơn cho thiết kế: Hue là góc màu 0–360°, Saturation kiểm soát độ vướt sắc, Lightness từ đen đến trắng. HSL giúp dễ tạo các biến thể sáng hơn hoặc tối hơn từ bất kỳ màu cơ sở nào.

Màn hình dùng phương pháp pha trộn cộng (RGB): cộng ba ánh sáng đỏ, xanh lá và xanh lá lam đủ cường độ sẽ ra màu trắng. Máy in dùng pha trộn trừ (CMYK): mực in hấp thụ ánh sáng tạo màu tối. Dải màu in được nhỏ hơn màn hình, nên màu sắc rực rỡ hoặc bão hòa cao thường trông nhạt hơn trên giấy. Hãy xem trước CMYK trước khi in tài liệu thương hiệu.