Gợi ý bảng màu

8 người đã dùng

AI đọc thiết kế của bạn rồi đề xuất 3 đến 5 bảng màu, mỗi màu có mã HEX, vai trò và lý do chọn.

Ảnh thiết kế mẫu: cô gái áo dài hồng ôm bó hoa
Thả ảnh thiết kế vào đây · hoặc dán Ctrl/Cmd + V
bảng màu mỗi lần Tương phản chuẩn WCAG

Xong việc này? Labs gợi ý bước tiếp theo

Kiểm tra màu cá nhânLấy màu trên màn hìnhĐổi mã màu

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

Công cụ Gợi ý bảng màu làm gì?

AI đọc thiết kế của bạn (nội dung, đối tượng, hình khối, kiểu chữ) và câu trả lời về cảm giác, tính cách, độ tương phản, rồi đề xuất 3 đến 5 bảng màu khác nhau. Mỗi bảng có 4-6 màu kèm mã HEX, tên màu, vai trò và lý do chọn.

Nên tải ảnh hay mô tả bằng chữ?

Có ảnh thì AI nhìn được bố cục, hình khối, kiểu chữ và màu đang dùng nên gợi ý sát hơn. Chưa có thiết kế thì mô tả bằng chữ: thiết kế là gì (poster, logo, bao bì...), dành cho ai, nói về điều gì.

Các vai trò Nền, Chính, Nhấn, Chữ, Phụ nghĩa là gì?

Nền là màu nền lớn nhất; Chính là màu thương hiệu, dùng cho mảng lớn; Nhấn là màu nổi bật cho nút bấm, điểm cần chú ý; Chữ là màu chữ chính; Phụ là màu hỗ trợ cho chi tiết, đường viền, mảng nhỏ.

Số tương phản (ví dụ 7,2:1) là gì?

Là tỉ lệ tương phản giữa màu Chữ và màu Nền theo chuẩn WCAG. Từ 4,5:1 trở lên chữ thường đọc rõ (đạt AA), từ 7:1 rất dễ đọc (đạt AAA). Bảng nào dưới 4,5:1 sẽ được đánh dấu để bạn chỉnh màu chữ đậm hoặc nhạt hơn.

Phần xem thử trên ảnh hoạt động thế nào?

Với ảnh tải lên, công cụ đổi ảnh sang các tông của bảng màu (vùng tối dùng màu đậm nhất, vùng sáng dùng màu nhạt nhất) ngay trên trình duyệt, để bạn cảm nhận không khí của bảng màu. Poster mẫu bên cạnh cho thấy nền, tiêu đề, nút bấm khi dùng đúng vai trò.

Làm sao dùng bảng màu trong Figma, Photoshop hay code?

Bấm vào ô màu để sao chép mã HEX, bấm "Sao chép bảng màu" để lấy cả bảng kèm vai trò, hoặc "Sao chép CSS" để có các biến CSS dán thẳng vào website.

Ba câu hỏi về cảm giác, tính cách có bắt buộc không?

Không bắt buộc, nhưng nên chọn. Cảm giác quyết định tông màu (ấm, tươi, sang, tối giản, mạnh), tính cách quyết định độ rực và độ bất ngờ, độ tương phản quyết định độ chênh sáng tối giữa các màu.

Kết quả chưa ưng thì làm sao?

Bấm "Gợi ý lại" để có phương án khác, đổi câu trả lời (ví dụ từ Tối giản sang Mạnh mẽ), hoặc ghi thêm vài từ về điều bạn muốn tránh, như "không dùng màu đỏ".

Ai được dùng và mỗi ngày bao nhiêu lượt?

Công cụ dành cho thành viên ColorME Premium. Mỗi lần gợi ý tính 1 lượt AI viết và phân tích (60 lượt mỗi ngày, dùng chung các công cụ viết), lượt lỗi được hoàn lại.

Ảnh thiết kế của tôi có bị chia sẻ không?

Ảnh được thu nhỏ trên máy bạn rồi gửi tới dịch vụ AI của ColorME để phân tích, gắn với tài khoản của bạn và không hiển thị công khai. Phần xem thử màu chạy hoàn toàn trên trình duyệt.

Câu mô tả tôi nhập có được ghi lại không?

Có. Câu mô tả được gửi tới AI để gợi ý bảng màu, và ColorME ghi nhận câu mô tả đó (tối đa 120 ký tự) cùng các bảng màu được gợi ý để cải thiện công cụ.

5/5 · 1 đánh giá

Công cụ cùng nhóm

Tất cả công cụ
Kiểm tra Personal Color của bạnKiểm tra màu cá nhânHotHút màu ở bất kỳ đâu, ra HEX, RGB, HSL, CMYKLấy màu trên màn hìnhHEX, RGB, HSL, CMYK, OKLCH qua lạiĐổi mã màuChữ trên nền có đạt chuẩn WCAG khôngKiểm tra tương phảnDải màu tuyến tính, toả tròn, xuất CSSTạo gradient CSSLấy dải màu gradient từ chính bức ảnhTạo gradient từ ảnhTạo dải 50–950 từ 1 màu, xuất CSS, TailwindThang màu & design tokenXem thiết kế qua mắt người mù màuMô phỏng mù màu