Bộ tạo bảng màu ngẫu nhiên
Một bảng màu được phối hợp hài hòa sẽ hữu ích hơn nhiều so với năm màu ngẫu nhiên đặt cạnh nhau. Công cụ này chọn một tông màu nền, sau đó tạo ra bốn màu liên quan dựa trên các mối quan hệ trong lý thuyết màu sắc kinh điển: tương tự, bổ sung, phân bổ sung, tam sắc hoặc tứ sắc. Bạn có thể khóa bất kỳ mẫu màu nào mình yêu thích và sử dụng các mẫu còn lại.
Cách tạo bảng màu
-
1
Chọn loại hòa âm
Tương tự (các điểm liền kề trên trục); bổ sung (hai điểm đối diện); ba điểm liên kết với nhau (khoảng cách 120 độ); bốn điểm tạo thành hình chữ nhật; hoặc đơn sắc (các tông màu thuộc cùng một sắc thái).
-
2
Lăn lớp nền
Mẫu đầu tiên là một sắc màu ngẫu nhiên ở mức độ bão hòa và độ sáng trung bình – đây là điểm khởi đầu.
-
3
Các anh chị em được tính toán
Các mẫu màu khác được tạo ra từ nền bằng cách sử dụng hòa âm đã chọn, sau đó được điều chỉnh để tăng độ tương phản.
-
4
Khóa và thực hiện lại quá trình luân phiên (lock and reroll)
Giữ lại những mẫu màu bạn yêu thích; cuộn lại các mẫu còn lại cho đến khi bảng màu trông hoàn hảo.
Bảng tóm tắt các tính năng của Harmony
| Chế độ | Độ lệch màu sắc trên bánh xe | Tinh thần |
|---|---|---|
| Đơn sắc | 0 độ (cùng tông màu, độ sáng và độ đậm thay đổi) | Calm, tối giản |
| Tương tự | ±30 độ | ấm áp, tự nhiên |
| Bổ sung | 180 độ | Khác biệt cao, rõ nét mạnh mẽ |
| Phụ trợ bổ sung hoàn toàn | 150/210 độ | Tương phản mà không gây căng |
| Tam giác | 0, 120, 240 độ | Đầy sức sống và cân bằng |
| Tetradic | 0, 90, 180, 270 độ | Dồi dào nhưng khó cân bằng |
Những mẹo thực tế
– Một phần chính, hai phần hỗ trợ và hai phần nhấn mạnh. Các bảng màu giao diện người dùng tốt thường tuân theo tỷ lệ 60/30/10: hai phần ba màn hình dành cho phần chính, một phần ba cho phần hỗ trợ và một phần nhỏ dùng làm phần nhấn mạnh. – Kiểm tra từng cặp đối lập với nhau. Một bảng màu có vẻ hài hòa vẫn có thể chứa các sự kết hợp văn bản trên nền không thể đọc được. Hãy kiểm thử từng cặp màu bạn dự định sử dụng. – Hãy chọn kỹ lưỡng, đừng tính trung bình. Nếu hai mẫu màu không hợp nhau, hãy giữ lại những mẫu bạn yêu thích và thử lại – đừng đánh đổi chất lượng bằng cách tính trung bình. Não bộ của chúng ta cảm nhận sự hài hòa, chứ không phải các giá trị trung bình.
Các công cụ chuyên dụng
Trong nhiều năm qua, các nhà thiết kế đã ưa chuộng những bộ bánh xe màu sắc khác nhau. Bộ bánh xe RYB (màu đỏ, vàng, xanh lam) là tiêu chuẩn phổ biến trong giới thiết kế. Bộ HSL trên máy tính chỉ là một cách biểu diễn đơn giản hóa; trong khi đó, OKLCH hiện đại nhất hiện nay về mặt đảm bảo sự đồng nhất thị giác và rất đáng để học nếu bạn làm việc với các hệ thống màu dễ tiếp cận.
Câu hỏi thường gặp
Vì độ bão hòa cố định và độ sáng tạo ra các mẫu màu có hình ảnh tương tự nhau bất kể sắc thái, nên hãy thay đổi mức độ sáng giữa các mẫu trong cùng một bảng màu – một mẫu nhạt, một mẫu trung bình và một mẫu đậm – thì bảng màu đó sẽ trở nên hữu ích hơn ngay lập tức.
Có tính tương tự và đơn sắc; chúng trông hài hòa gần như một cách tình cờ. Các bố cục ba yếu tố hoặc bốn yếu tố giúp tăng độ tin cậy trong thiết kế, nhưng nếu thực hiện kém thì dễ trở nên hỗn loạn.
Đúng vậy – hãy sao chép các mã hex dưới dạng danh sách phân tách bằng dấu phẩy, khối thuộc tính tùy chỉnh CSS hoặc mảng JSON. Hãy chọn định dạng mà công cụ thiết kế của bạn hỗ trợ.
Mỗi mẫu vải đều được hiển thị sự tương phản giữa màu trắng và màu đen để bạn có thể ngay lập tức nhận biết mẫu nào phù hợp với văn bản. Bạn có trách nhiệm kiểm tra các cặp tương phản theo quy định của WCAG trước khi giao hàng.
Công cụ liên quan
Trình tạo bảng màu
Tạo bảng màu 4-8 màu hài hòa từ màu cơ bản bằng cách sử dụng các sơ đồ bổ sung, tương tự, bộ ba và bổ sung tách.
Bộ tạo số ngẫu nhiên
Tạo một màu RGB ngẫu nhiên, xem các giá trị hex, HSL và RGB, và sao chép bất kỳ định dạng nào chỉ với một cú nhấp chuột.
Bộ tạo số ngẫu nhiên
Tạo các ký tự ngẫu nhiên từ bảng chữ cái tiếng Anh. Chọn kiểu chữ (hoàn toàn hoa, toàn thường), có thể bao gồm ký tự trùng lặp hoặc chỉ sử dụng ký tự duy nhất, và thiết lập số lượng ký tự cần tạo.
Bộ chọn màu HEX
Chọn bất kỳ màu sắc nào theo hình ảnh để lấy các giá trị HEX, RGB, HSL, HSV và CMYK của nó, cùng với độ tương phản khả dụng so với trắng và đen.
Định dạng JSON
Định dạng và in đẹp cho dữ liệu JSON với độ lõm có thể điều chỉnh được, các khóa được sắp xếp theo thứ tự, cùng chức năng xác thực trực tiếp giúp hiển thị lỗi tại vị trí chính xác.
Bộ tạo số ngẫu nhiên
Tạo các tên tiếng Anh hợp lý từ các danh sách phổ biến về tên đầu và họ. Chọn giới tính, số lượng và định dạng.