Có tài nguyên hay công cụ tốt nào để giúp xây dựng bảng màu / bảng màu xung quanh các màu tôi chọn không?


65

Cho dù bố cục, dòng chảy và đường nét thiết kế của tôi đẹp đến mức nào, nếu tôi không sao chép trực tiếp từ thiên nhiên, tôi có một thời gian rất khó khăn để chọn một bảng màu hợp lý. Nó trông quá buồn tẻ, hoặc quá sặc sỡ.

Có một nguồn tài nguyên tốt sẽ giúp tôi chọn một bảng màu có 2 hoặc 3 màu và các màu không bị xung đột?

Tôi không tìm kiếm màu sắc cụ thể hoặc bảng màu. Những gì tôi cần là một tài nguyên sẽ giúp tôi chọn một màu (hoặc màu) phù hợp với, hoặc cung cấp một điểm nhấn tốt cho bất kỳ màu chính nào tôi đang làm việc với thiết kế.


2
Bạn đã thử Agave, có sẵn trong kho Debian / Ubuntu chưa? Tôi sử dụng nó cho tất cả các thời gian.
ixtmixilix

Câu trả lời:


50

Một công cụ hữu ích là Paletton (trước đây gọi là Color Scheme Designer):

Bạn chỉ định màu bắt đầu và loại phối màu và nó sẽ tạo bảng màu cho bạn và cho phép bạn sửa đổi bảng màu đó.

Điều thú vị về công cụ này là bạn có thể thấy cách nó chọn các màu khác dựa trên màu bạn chọn. Ngoài ra còn có một công cụ để mô phỏng những màu sắc đó trông như thế nào với các loại mù màu khác nhau.


rất nhiều người khác , nhiều người trong số đó tôi thích hơn Paletton
Zach Saucier

24

Bạn cần đọc về một cuốn sách hay về lý thuyết màu sắc để hiểu ít nhất là nguyên tắc chung, ví dụ như màu chính và màu phụ, màu bổ sung, v.v ... nếu không bạn sẽ không nhận được tầm quan trọng của một số lựa chọn bảng màu mà bạn sẽ thực hiện .

Trên trang web yêu thích của tôi tại thời điểm này là: Kuler của Adobe , tôi cũng đã từng sử dụng http://colorschemedesigner.com/ đã được đề cập.

Tôi đề nghị nên đọc nhanh về HỢP ĐỒNG ĐƠN GIẢN VÀ THÀNH CÔNG trong đó sự liên kết của màu sắc tạo cảm giác rằng một màu trên một nền khác nhau trông khác nhau.

Ngay cả khi bạn không hỏi tôi, tôi khuyên bạn nên có sẵn để kiểm tra xem màu sắc của trang web có độ tương phản tốt để dễ đọc hay không, tôi vẫn sử dụng: http://graybit.com/main.php


1
để biết thêm thông tin về lý thuyết màu kiểm tra câu hỏi stackexchange trước này: graphicdesign.stackexchange.com/questions/2/...
JamesHenare

Adobe Kuler ( color.adobe.com/create/color-wheel ) cũng là ứng dụng yêu thích của tôi lúc này chủ yếu vì giao diện rất dễ sử dụng. Tôi thường không đánh giá các công cụ dựa trên ngoại hình, nhưng khi nó có tất cả các tính năng mà các công cụ khác làm và tích hợp với các sản phẩm Adobe (phần mềm thiết kế của tôi), bạn cũng có thể đi cùng với các tính năng đẹp.

18

Có rất nhiều ngoài kia, nhưng đây là một số máy phát điện yêu thích của tôi. Hầu hết các danh sách cho phép bạn nhập màu của riêng bạn như bạn đã chỉ định.

Ngoài ra còn có một số trang web cung cấp cho bạn các bảng màu được tạo sẵn, bao gồm cả các trang web của các thương hiệu phổ biến

Ngoài ra còn có một số trang web cung cấp kết hợp độ dốc mà bạn có thể nhận được mã màu từ:

Hoặc bạn có thể để AI chọn một số màu cho bạn bằng AI Color Wheel .

Nếu bạn vẫn không thể tìm thấy bảng màu nào đó, repo này có một số tài nguyên bổ sung.


Tôi cũng thích nhìn vào biểu đồ bên dưới (được kéo từ đây khi xem xét màu nào sẽ trộn (thường ở trên cùng của gradient ở trên) để có độ tương phản tốt nhất:

màu sắc tương phản với nhau


8

Photoshop CS5 có một phần mở rộng gọi là Kuler thực hiện điều này.

Bạn có thể tiếp cận nó thông qua menu; Cửa sổ / Tiện ích mở rộng / Kuler hoặc thông qua trang web, http://kuler.adobe.com/

văn bản thay thế


7

Đầu tiên và quan trọng nhất: làm quen với mô hình màu HSB . HSB định nghĩa một màu bằng cách:

  • Huế : loại màu sắc, như trong: chọn một từ cầu vồng Cầu thang theo độ;
  • Độ bão hòa : nghịch đảo với số lượng màu trắng được thêm vào theo phần trăm;
  • Độ sáng : nghịch đảo với lượng màu đen được thêm vào theo phần trăm.

Một nguyên tắc nhỏ sẽ là lấy mẫu màu thương hiệu hiện có và xác định giá trị Huế của chúng. Lúc đầu, hãy bám vào các giá trị H đó và bắt đầu thay đổi giá trị S và B. Điều này tạo ra màu sắc hài hòa tốt với các màu hiện có gần như theo định nghĩa.

Nếu bạn thực sự, thực sự cần một màu tương phản và cách duy nhất là sử dụng một giá trị H khác nhau, hãy thử và xác định trước tiên các giá trị H của các màu hiện có có liên quan như thế nào. Sau đó, bạn có thể dựa trên mối quan hệ đó để tạo ra màu sắc mới.

Hai màu cách nhau 180 °? Sau đó, bạn có thể muốn thêm 90 ° cho một trong hai để tạo ra màu sắc thứ ba để làm việc. Họ cách nhau 40 °? Thêm 40 ° vào một trong các giá trị màu hoặc trừ 40 ° so với giá trị kia để có cài đặt màu tương tự . Hoặc, lấy trung bình của hai giá trị H và sau đó đảo ngược kết quả (cộng hoặc trừ 180 °, tùy theo giá trị nào cho bạn số dương nhỏ hơn 360) để tạo cài đặt màu bổ sung phân chia .

Sau đó bắt đầu đấu tranh với các giá trị S và B của màu sắc mới.

Đừng quên lùi lại một bước và điều chỉnh giá trị H bạn đã tính khi kết quả không như mong đợi của bạn. Các giá trị H được tính toán chính xác là rất lớn, nhưng chúng chỉ là một công cụ mà không ngần ngại chỉnh sửa mọi thứ để làm cho nó trông đẹp hơn về mặt thẩm mỹ.


6

Tôi đã tìm thấy colourlovers.com một tài nguyên rất hữu ích để xây dựng các bảng màu. Nhưng nếu bạn muốn có một ý tưởng tốt hơn về việc sử dụng độ tương phản và hài hòa như một công cụ để cải thiện thiết kế của mình, bạn nên đọc lý thuyết màu sắc. Cá nhân tôi thích Nguyên tắc thiết kế màu của Wucious WungTương tác màu của Josef Albers


Tương tác của màu sắc là một mồi tuyệt vời! Tôi cố gắng đọc qua nó mọi lúc và sau đó để theo dõi lý thuyết màu sắc của tôi.
thường phục


4

Thông thường, tôi sử dụng công cụ chọn màu để chọn màu trực tiếp từ ảnh tôi đang làm việc. Bằng cách đó, tôi chắc chắn màu sắc sẽ phù hợp. Thật dễ dàng và nhanh chóng khi bạn không có nhiều thời gian để đưa vào dự án của mình.




2

Một công cụ tuyệt vời để tạo các bảng màu, mà tôi tin là một viên ngọc ẩn là Adobe Capture CC. Tôi đã phát hiện ra nó trong khi xem một sự kiện phát trực tiếp Adobe Live.

Đây là một ứng dụng miễn phí, có sẵn cho cả ios và Android, tự động tạo bảng màu của ảnh bạn chụp bằng máy ảnh của bạn.

Nếu bạn đi dạo trong công viên, ghé thăm một bảo tàng hoặc chỉ vấp phải một cảnh tượng ấn tượng về màu sắc, bạn có thể có được bảng màu đó trong vòng vài phút.

Ứng dụng này cũng cung cấp cho bạn khả năng biến một bản phác thảo giấy trực tiếp thành một vector. Bạn vẽ nó trên giấy, bạn chụp ảnh nó và thì đấy. Không còn nhập hình ảnh và truy tìm bằng công cụ bút.

Tôi khuyến khích mọi người kiểm tra xem nó ra!


1

Một số tài nguyên mà tôi đã tìm thấy hữu ích được liệt kê dưới đây khi chọn màu.

  • AI với Colormind: Công cụ sử dụng AI và mẫu lớn các thiết kế / tác phẩm nghệ thuật / bản in "tốt" để tạo ra sự kết hợp màu sắc. Cũng có thể cung cấp màu sắc của riêng bạn và tạo ra màu bổ sung. http://colormind.io/

  • Các quy tắc có cấu trúc: Nhiều câu trả lời hay khác về HSB và các phương pháp / lý thuyết khác. Trang này có một cú đâm vào nó với các quy tắc rõ ràng về cách thực hiện và với kết quả ok. https://tallys.github.io/color-theory/


0

Tôi khuyên bạn nên kiểm tra http://colorsupplyyy.com Đây là một công cụ tốt để tạo màu và sử dụng bảng màu từ các nhà thiết kế giỏi nhất trên thế giới!


Xin chào Mason, cảm ơn bạn đã đóng góp và chào mừng bạn đến với GD.SE. Tôi rất tiếc phải nói với bạn rằng câu trả lời của bạn đã thu hút một số cờ cho thư rác. Chúng tôi đã trải qua một lũ thư rác thực sự và cộng đồng đang cố gắng hết sức vào bất cứ thứ gì trông giống như nó. Nếu bạn có thể giải thích thêm một chút lý do tại sao bạn thích công cụ này và nói rõ rằng bạn không liên kết với nó, bài viết của bạn sẽ cải thiện rất nhiều. Cảm ơn cho những nỗ lực! Nếu bạn có một câu hỏi y về trang web, hãy xem trung tâm trợ giúp . Hãy tiếp tục đóng góp và tận hưởng trang web!
Vincent

0

Tôi chắc chắn sẽ đề nghị ColorPK

Nó tải nhanh hơn và sạch hơn đối với tôi,

và nó cũng có thể trích xuất màu từ hình ảnh nhập mô tả hình ảnh ở đây

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.