119 người đã dùng
·
324 lượt xem
Bánh xe màu
Kéo các chấm trên bánh xe để tạo bảng 5 màu hài hoà, rồi xuất sang Photoshop, CSS hoặc Tailwind.
Quy tắc phối màu: Tương đồng
Bảng màuBấm một màu để chỉnh
Xuất bảng màuDùng cho web hoặc phần mềm Adobe
Tải về:
Kiểm tra độ tương phảnChuẩn WCAG 2.1
Màu chữ
Màu nền
Aa Thiết kếChữ thường 16px trên nền này
4.5:1tỉ lệ tương phản
Xem như người mù màuChỉ đổi cách hiển thị
Bánh xe màu sắp xếp các màu theo vòng tròn sắc độ, giúp bạn chọn những màu đi cùng nhau theo các quy tắc lý thuyết màu. Công cụ này tạo nhanh bảng 5 màu hài hoà cho logo, poster, giao diện web hay bộ nhận diện thương hiệu.
Hoàn toàn miễn phí và không cần đăng nhập. Mọi thao tác chạy ngay trên trình duyệt của bạn; nếu đã đăng nhập ColorME, ảnh PNG, SVG bạn tải về còn được lưu vào mục Lịch sử để dùng lại. Khi bạn tải PNG, ColorME nhận một bản ảnh bảng màu để theo dõi cách công cụ được dùng.
Cách dùng tương tự Adobe Color: 5 chấm màu, màu gốc, các quy tắc phối màu, bánh xe hoạ sĩ RYB và xuất file ASE. Điểm khác là giao diện tiếng Việt, có sẵn kiểm tra tương phản WCAG, xem như người mù màu và xuất thẳng CSS, SCSS, Tailwind.
RYB là bánh xe truyền thống của hội hoạ với ba màu gốc đỏ, vàng, lam, nên màu bổ sung của đỏ là lục như khi pha màu vẽ. RGB là bánh xe màu màn hình, màu bổ sung của đỏ là xanh cyan. Mã màu bạn nhận được vẫn là màu RGB dùng được trên máy tính.
Có 8 lựa chọn: tương đồng, đơn sắc, bộ ba, bổ sung, bổ sung chia tách, ghép đôi (hai cặp màu bổ sung), sắc độ (cùng màu khác độ sáng) và tuỳ chỉnh để kéo từng chấm tự do.
Màu gốc là chấm lớn có vòng trắng bên trong, các màu còn lại được tính theo nó. Chọn một ô màu rồi bấm "Đặt làm màu gốc" để đổi; ô màu gốc có nhãn GỐC kèm biểu tượng ngôi sao.
Chọn ô màu gốc, nhập mã vào ô HEX (ví dụ #2563EB) hoặc chuyển sang RGB, HSB, LAB, CMYK để nhập số. Cả bảng màu sẽ tự đổi theo quy tắc đang chọn.
Bấm biểu tượng ổ khoá trên một ô để giữ nguyên màu đó khi bạn bấm Ngẫu nhiên hoặc khi màu gốc thay đổi. Rất tiện khi đã chốt được một vài màu và muốn thử phần còn lại.
Bấm Xuất rồi chọn "ASE (Adobe)" để tải file Adobe Swatch Exchange. Trong Photoshop mở bảng Swatches, chọn Import Swatches; trong Illustrator dùng Open Swatch Library > Other Library để mở file này.
Có. Mục Xuất cho phép sao chép biến CSS, biến SCSS, cấu hình màu Tailwind hoặc JSON gồm HEX, RGB, HSB, LAB, CMYK của cả 5 màu, và tải ảnh PNG hoặc SVG của bảng màu.
Chọn một màu chữ và một màu nền trong bảng, công cụ hiện tỉ lệ tương phản và cho biết có đạt chuẩn WCAG AA, AAA cho chữ thường, chữ lớn hay không. Nên đạt tối thiểu 4.5:1 cho chữ nội dung.
Có. Bấm Chia sẻ để sao chép liên kết; bảng màu, quy tắc và kiểu bánh xe được lưu ngay trong liên kết nên người nhận mở ra sẽ thấy đúng bảng màu của bạn.
Dùng được trên điện thoại, chỉ cần chạm và kéo các chấm màu. Trên máy tính, phím cách tạo bảng màu ngẫu nhiên, Ctrl/⌘ + Z để hoàn tác, và có thể chọn chấm màu rồi dùng phím mũi tên để chỉnh sắc độ, độ bão hoà.
Không có câu hỏi nào khớp. Thử từ khoá khác hoặc nhắn tư vấn.
Còn câu hỏi? Nhắn tư vấn
Công cụ khác cho người học thiết kế
- Mở khoá toàn bộ công cụ AI của ColorME: tạo ảnh, video, phụ đề… và thêm lượt tạo mockup mỗi ngày.
- Mỗi khoá học tại ColorME tặng 3 đến 24 tháng Premium, tuỳ khoá.
- Bạn bè được học viên mời: 1 tháng Premium.
Xem Premium Account
Xem khoá học
Học viên ColorME có thể mời bạn bè dùng Premium. Nhờ một học viên gửi lời mời tới email của bạn, sau đó đăng nhập bằng đúng email đó, Premium sẽ tự kích hoạt.