Advertisement
  1. Web Design
  2. UX/UI
  3. Design Theory

Mẹo Nhỏ: Cách Tạo Bảng Màu Từ Một Tấm Ảnh

Scroll to top
Read Time: 2 min

() translation by (you can also view the original English article)

Trong mẹo nhỏ này, tôi sẽ minh họa một vài thứ thật sự hữu ích, một kỹ thuật mà tôi thường hay sử dụng: cách tạo bảng màu từ hình ảnh.

Xem video hướng dẫn!

Tại sao bạn có thể cần đến kỹ thuật này? Hãy tưởng tượng, ví dụ, bạn đang làm một số công việc thiết kế (thiết kế web, hoặc in ấn, hoặc bất cứ thứ gì) và nó liên quan đến mùa màng, giống như một sự kiện diễn ra vào mùa thu. Có thể bạn cố gắng tạo bừa một bảng màu theo mùa dựa trên trải nghiệm của bản thân, hoặc bạn có thể sử dụng màu sắc từ một hình ảnh "mùa thu" nào đó. Xét cho cùng, Mẹ Thiên nhiên là một nghệ sĩ tuyệt vời.

Sử dụng một công cụ trực tuyến có tên gọi là HueSnap, đó chính là những gì chúng ta sẽ làm.

HueSnap

Ngay khi bạn truy cập công cụ, ngay lập tức, bạn có thể chọn lựa từ một bộ sưu tập rất lớn của các bảng màu:

Để tạo cho riêng mình nhấp vào Create Palette, sau đó tải lên một tấm ảnh từ máy tính của bạn. Một khi hình ảnh của bạn đã được tải lên, bạn có thể nhấp vào các khu vực của tấm ảnh để chọn màu từ đó - bạn sẽ nhận được các giá trị hex và RGB của bất kỳ pixel nào mà bạn đã nhấp vào. Khi bạn đã hài lòng với màu của mình, nhấn vào nút dấu cộng (+) và màu đó sẽ được thêm vào bảng màu của bạn.

Tiếp tục thêm màu vào bảng màu của bạn bằng cách nhấp vào tấm ảnh và xác nhận khi nào bạn cảm thấy hài lòng với những gì đã chọn. Sau khi hoàn tất, bạn có thể lưu bảng màu của mình, nhưng trước tiên bạn sẽ cần phải đăng nhập - đăng nhập bằng tài khoản có sẵn hoặc tạo tài khoản mới nếu cần.

Bạn có thể thay đổi bảng màu đã lưu hoặc tạo bảng màu khác dựa trên các màu mà bạn đã chọn. Đây là một công cụ nhanh và hữu ích sẽ giúp bạn tiết kiệm rất nhiều thời gian nếu bạn đang cần một số cảm hứng màu sắc!

Liên kết hữu ích

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.