Tạo bảng màu trong vài giây

Đó là một nhóm màu được chọn để dùng chung trong một thiết kế. Thường có một màu chính, vài sắc độ sáng hơn và tối hơn của màu đó, cùng một hoặc hai màu nhấn. Bảng màu được dùng cho logo, thương hiệu, mạng xã hội, website, giao diện và tranh minh họa.

Công cụ không hiển thị một danh sách cố định mà tạo bảng màu ngay lập tức. Nó chọn một tông màu gốc và dựng năm màu theo quy tắc hài hòa (tương đồng, bổ sung, bộ ba hoặc đơn sắc). Mỗi phong cách có mức sáng và độ bão hòa riêng, nên bảng màu pastel sẽ dịu nhẹ còn bảng màu neon sẽ rực rỡ. Trong trình chỉnh sửa, bạn nhấn phím cách để tạo bảng màu mới và khóa những màu muốn giữ lại.

Trước tiên, hãy nghĩ xem bạn muốn truyền tải điều gì. Tông ấm tạo cảm giác thân thiện và năng động, tông lạnh mang lại sự bình yên và tin cậy, còn tông tối trông sang trọng. Chỉ dùng vài màu, giữ đủ độ tương phản để chữ dễ đọc và thử bảng màu trên một thiết kế thật trước khi chốt.

Các màu hợp nhau khi chúng tuân theo một kiểu hài hòa: màu nằm cạnh nhau trên vòng tròn màu (tương đồng), màu đối diện (bổ sung) hoặc các sắc độ của cùng một màu (đơn sắc). Mọi bảng màu trên trang này đều theo các quy tắc đó. Xem ví dụ trong các bảng màu phù hợp của chúng tôi.

Mỗi bảng màu đều có mã màu HEX và bạn có thể sao chép CSS có sẵn để dán vào. Hãy kiểm tra cả độ tương phản giữa chữ và nền để trang dễ đọc, hoặc lấy bảng màu từ một bức ảnh. Xem thêm ý tưởng trong mục màu cho website.

Đó là cách xếp màu cơ bản, màu thứ cấp và màu bậc ba thành một vòng tròn. Nó cho thấy màu nào hợp nhau và màu nào tương phản, vì vậy đây là điểm khởi đầu khi xây dựng bảng màu. Hãy thử trong công cụ phối màu hài hòa.

Màu cơ bản là đỏ, xanh lam và vàng: không thể tạo ra chúng bằng cách pha các màu khác. Màu thứ cấp có được khi pha hai màu cơ bản: xanh lam và đỏ thành tím, xanh lam và vàng thành xanh lá, đỏ và vàng thành cam. Pha một màu cơ bản với một màu thứ cấp, bạn sẽ có màu bậc ba.

Bảng màu đơn sắc chỉ dùng một màu với các sắc độ sáng và tối khác nhau. Nó trông đồng nhất và thanh lịch. Màu bổ sung nằm đối diện nhau trên vòng tròn màu, ví dụ xanh lam và cam. Đặt cạnh nhau, chúng tạo độ tương phản tối đa và làm nổi bật nhau.

Có. Bạn có thể sao chép mã màu HEX hoặc CSS và dùng cho bất kỳ dự án nào, cá nhân hay thương mại.