Công cụ tạo bảng màu

Cách sử dụng công cụ tạo bảng màu

Toàn bộ quá trình chỉ mất vài giây:

1. 1. Nhập màu cơ sở

   Nhập mã HEX (ví dụ: #4F6BF5) vào trường văn bản hoặc chọn màu từ bộ chọn màu. Bạn cũng có thể sử dụng nút Màu Ngẫu Nhiên.

2. 2. Xác nhận lựa chọn

   Sau khi nhấp nút Cập nhật Màu, công cụ sẽ tự động tạo 9 bảng màu dựa trên các phối màu hài hòa khác nhau.

3. 3. Sao chép màu bạn cần

   Bên cạnh mỗi màu có nút Sao chép — mã HEX được sao chép vào clipboard và có thể dán trực tiếp vào dự án.

Công cụ tạo những phối màu nào?

Công cụ tạo 9 loại bảng màu — mỗi loại dựa trên nguyên tắc lý thuyết màu khác nhau:

1. Bảng màu đơn sắc

   Nhiều sắc thái của một màu — từ sáng đến tối. Tất cả màu có cùng sắc độ trên vòng màu và chỉ khác về độ sáng. Phù hợp cho thiết kế thanh lịch, tối giản nơi tính nhất quán quan trọng.
2. Bảng màu tương tự

   Các màu lân cận trên vòng màu (dịch khoảng 30° theo cả hai hướng từ cơ sở). Chúng tạo ra chuyển tiếp màu hài hòa, mượt mà. Tuyệt vời cho các dự án xây dựng không khí ấm hoặc lạnh.
3. Bảng màu bổ sung

   Màu cơ sở và màu đối diện trên vòng màu (dịch 180°). Tạo tương phản thị giác mạnh. Hữu ích khi thành phần cần thu hút sự chú ý — nút bấm, tiêu đề nổi bật, banner khuyến mãi.
4. Bảng màu tam giác

   Ba màu cách nhau 120° trên vòng màu — tạo thành tam giác đều. Tổ hợp sống động, năng động. Phù hợp cho dự án sáng tạo: nhận diện thương hiệu trẻ, tài liệu quảng cáo, áp phích.
5. Bảng màu bổ sung tách

   Phiên bản nhẹ hơn của bảng màu bổ sung. Thay vì một màu đối diện, sử dụng hai màu dịch khoảng 30° từ màu bổ sung. Cho tương phản rõ ràng nhưng không căng thẳng thị giác mạnh.
6. Bảng màu pastel

   Cùng sắc độ với bão hòa giảm và độ sáng tăng — màu mềm, dịu nhẹ. Phổ biến trong mỹ phẩm, thời trang trẻ em và ngành thực phẩm. Kết hợp tốt với nền sáng và khoảng trắng.
7. Bảng màu tối

   Màu cơ sở ở bão hòa cao và độ sáng giảm — màu sâu, đậm. Hữu ích cho thiết kế giao diện tối cho website và ứng dụng, cũng như tài liệu cho thương hiệu cao cấp.
8. Bảng màu tông

   Nhiều bước độ sáng của một sắc độ — từ rất sáng đến tối. Tương tự thang tông dùng trong hệ thống thiết kế (ví dụ: sắc thái từ 50 đến 900). Hữu ích cho xây dựng giao diện cần biến thể của cùng một màu.
9. Bảng màu tối giản

   Một điểm nhấn màu mạnh và nhiều trung tính rất sáng, dịu. Phần còn lại của bảng màu giữ mềm. Phù hợp cho giao diện hiện đại với nhiều khoảng trắng — phong cách trang sản phẩm và landing page điển hình.

Sử dụng bảng màu đã tạo ở đâu

1. Nhận diện thương hiệu

   Chọn màu bổ sung cho logo hiện có hoặc xây dựng bảng màu thương hiệu từ đầu — cho danh thiếp, văn phòng phẩm và tài liệu marketing.
2. Website

   Xác lập màu chính, màu nhấn và sắc thái nền. Mã HEX đã sao chép dán thẳng vào stylesheet CSS hoặc cấu hình theme.
3. Giao diện ứng dụng

   Bảng màu tông cung cấp biến thể độ sáng của một màu — sáng hơn cho nền, tối hơn cho văn bản, trung bình cho viền và trạng thái tương tác.
4. Đồ họa mạng xã hội

   Màu nhất quán cho bài đăng, story và ảnh bìa. Bảng màu tương tự hoặc pastel phù hợp khi muốn phong cách đồng nhất, dễ nhận biết.
5. Thuyết trình và tài liệu

   Bộ màu hài hòa cho slide, biểu đồ và infographic. Bảng màu đơn sắc hoặc tối giản duy trì trật tự thị giác.

Xử lý sự cố công cụ tạo bảng màu

1. Bảng màu không thay đổi sau khi nhập màu

   Chỉ nhập mã HEX không tự động tạo bảng màu — bạn cần xác nhận thay đổi bằng nút Cập nhật Màu. Chỉ sau khi xác nhận, công cụ mới tính lại tất cả 9 phối màu.
2. Thông báo định dạng không hợp lệ

   Công cụ chỉ chấp nhận định dạng HEX với # ở đầu, ví dụ: #FF5500. Định dạng không có # (ví dụ: FF5500) hoặc ký hiệu RGB (ví dụ: rgb(255,85,0)) không được hỗ trợ.
3. Định dạng HEX ngắn và đầy đủ

   Cả hai định dạng đều được hỗ trợ: đầy đủ #RRGGBB (ví dụ: #FF5500) và ngắn #RGB (ví dụ: #F50). Công cụ tự động nhận biết cả hai và xử lý giống nhau.