Triadic colors là gì

Màu nóng – màu lạnh, các màu cơ bản, bánh xe màu sắc, ý nghĩa của màu sắc, cách phối màu như thế nào, ứng dụng màu sắc trong cuộc sống ra sao…, bài viết này sẽ trả lời tất cả cho bạn.

Tất tần tật lý thuyết cơ bản về màu sắc và cách phối màu cho người mới bắt đầu

Tầm quan trọng của việc hiểu về màu sắc

Khi được sử dụng đúng cách, màu sắc có thể ảnh hưởng đến trạng thái của hình ảnh, hay ảnh hưởng đến cả câu chuyện. Nó còn có thể lôi kéo người xem vào một điểm trọng tâm nào đó. Các bạn có thể thấy rõ điều này qua bức ảnh bên dưới, màu sắc kỹ thuật số được sử dụng một cách rất hiệu quả để thu hút ánh nhìn của người xem vào cái ống, cũng như bảng màu được điều chỉnh giúp cho bức ảnh trông rất “tĩnh”.

Triadic colors là gì
— Tác phẩm của Cornelius Dämmrich

Còn trong bức ảnh này thì màu sắc được sử dụng hợp lý phù hợp với khung cảnh vui tươi và năng động:

Triadic colors là gì
— Bản quyền của Anders Ehrenborg và Bill Presing

1. Bảng màu đơn sắc (Monochromatic color scheme)

Bảng màu đơn sắc gần giống với việc kết hợp các kiểu chữ trong cùng một họ (font family). Tương tự như thế, một monochromatic color scheme chính là biến thể của cùng một hue (màu gốc) và có màu sắc được mở rộng bằng cách sử dụng shade, tone và tint. Trong đó, người ta thêm màu trắng để tạo tint (Vùng sáng) và màu đen để tạo shade (Vùng tối).

Triadic colors là gì

Bảng màu đơn sắc là một lựa chọn khá dễ dàng với tính an toàn khá cao cho Designer. Tuy nhiên, có một vấn đề cần lưu ý với loại color scheme này chính là bạn không nên lạm dụng quá đà vì sẽ làm thiết kế trở nên đơn điệu.

Cách Phối Màu Căn Bản Cho Designer Mới Nhất

By

Huyền Trang

Facebook

Twitter

Triadic colors là gì

Cách Phối Màu Căn Bản Cho Designer Mới Nhất? Nhiều bạn nghĩ rằng việc chọn lựa màu sắc cho giao diện người dùng (UI) hầu hết được dựa vào mắt thẩm mỹ và sở thích của các designer. Tuy nhiên, thực tế qui trình chọn lựa màu sắc phức tạp hơn bạn biết và có đóng góp không hề nhỏ trong công việc thiết kế. Mọi người đều biết rằng, màu sắc có ảnh thưởng rất lớn đến cảm xúc và hành vi của chúng ta. Điều đó giải thích tại sao những thành công của các sản phẩm đến từ việc chọn lựa màu sắc cho thiết kế. Theo kết quả nghiên cứu của Colorcom, chúng ta chỉ mất 90 giây cho việc đánh giá một sản phẩm trong tiềm thức, trong đó 62% đến 90% các ý kiến đánh giá đều chỉ dựa vào màu sắc. Cho nên, những màu sắc được chọn lựa một cách thích hợp sẽ là cầu nối hiệu quả giữa sản phẩm, cũng như tính tiện dụng (usability) của sản phẩm với khách hàng.

Để cho ra một thiết kế đẹp và sử dụng màu sắc tốt, bạn cần phải nên hiểu cách mà các màu sắc được tạo thành và liên quan với nhau. Bài viết này sẽ giới thiệu những lý thuyết căn bản về Cách Phối Màu Căn Bản Cho Designer Mới Nhất, một cách hiệu quả để áp dụng trong quá trình thiết kế của bạn.

Nội Dung Bài Viết

  • Vòng tròn Màu Sắc (Color Wheel)
  • Mô hình màu (Color models)
  • Sự hài hòa màu sắc (Color Harmony)
    • Phối màu đơn sắc (Monochromatic)
    • Phối màu đối xứng trực tiếp (Complementary)
    • Phối màu đối xứng hai bên (Split-Complementary)
    • Phối màu theo tam giác đều (Triadic)
    • Phối màu theo kiểu hình chữ nhật hay từng cặp đối xứng trực tiếp (Tetradic / Double-Complementary)

Thuật ngữ màu sắc hữu dụng cho dân thiết kế

Triadic colors là gì

11 phút

Triadic colors là gì

Màu sắc là một trong những nguyên tố cơ bản hình thành nên mọi thiết kế và là một công cụ mạnh mẽ trong tay các chuyên gia về hình ảnh.

Màu sắc tác động đáng kể đến tâm trí của chúng ta. Nó thay đổi cách chúng ta cảm nhận về một vật thể chỉ trong vòng vài giây. Bên cạnh đó, nó còn khiến con người phản ứng hay thậm chí là thực hiện vài hành động nhất định.Trong bài viết này, chúng ta sẽ có cơ hội tìm hiểu những thuật ngữ hữu ích giúp cho việc làm chủ màu sắc trở nên dễ dàng hơn.

1. Color – Màu sắc

Triadic colors là gì
Tác giả:Miguel Á. Padriñán

Trước khi bắt đầu, bạn phải nắm được bản chất của màu sắc là gì. Theo trang từ điểnMerriam – Websterđịnh nghĩa, màu sắc là sự phản chiếu của ánh sáng lên một vật thể (chẳng hạn như màu đỏ, nâu, hồng hoặc xám), là nhận thức về thị giác giúp con người có thể phân biệt giữa hai vật thể tương đồng. Nói một cách đơn giản, màu sắc là tính chất của vật thể; chúng ta nhận biết được màu sắc nhờ sự phản xạ ánh sáng từ các vật thể khác nhau. Màu sắc có thể được phân loại dựa vào các đặc tính nhưHue(Tông màu),Saturation(Độ bão hoà màu),Chromaticity(Độ kết tủa màu), vàValue(Giá trị màu). Để có được cái nhìn toàn vẹn về màu sắc, hãy cùng tìm hiểu những đặc tính của nó.

2. Thuộc tính của màu sắc

Hue – Tông màu

Thuật ngữ Hue thường bị nhầm có ý nghĩa là Màu sắc, hôm nay chúng ta sẽ cùng làm rõ vấn đề này. Đầu tiên, chúng ta cần phải hiểu rõ rằng “Color – Màu Sắc” là một thuật ngữ chung bao gồm các thuật ngữ con như Hue, Tint và Tone. Hue chính là thuộc tính giúp ta trả lời được câu hỏi ”Màu đó là màu gì vậy?”. Về cơ bảnHue là tổ hợp 12 màu đậm nhạt khác nhau trên vòng tuần hoàn màu sắc (color wheel).

Hue đóng vai trò như một yếu tố căn bản trong màu sắc. Nó có thể được chuyển hoá thành ba dạng khác nhau:Tint(Sắc thái màu),Shade(Đổ bóng),Tone(Tông màu).

Rất dễ để phân biệt ba dạng trên.Tint thường được tạo ra bằng cáchhoà trộn Hue với màu trắng,Shadethì làhỗn hợp giữa Hue và màu đen. Còn quá trình hình thànhTone thì tinh tế hơn một chút, bởi vì nóđòi hỏi sự kết hợp của cả đen và trắng, đây cũng là lý do tại sao Tone trông có vẻ tự nhiên hơn so với Shade và Tint.

Triadic colors là gì
Nguồn ảnh: Premium Beat

Value – Giá trị màu

Như đã nói ở trên, tất cả màu sắc đều có những đặc tính giúp phân biệt lẫn nhau.Valuelà một đặc tính giúp chúng ta biếtmức độ sáng – tối của một màu.Valueđược định giá dựa vàocấp độ trắng của màu. Vì vậy nếutông màu càng trắng thì Value sẽ càng cao.

Chromaticity – Độ kết tủa màu

Chromaticityhay còn gọi làChroma, cho chúng ta biết được độ ’tinh khiết’ của một tông màu. Đặc tính này sẽ được xác định dựa vàomức độ hiện diện của màu trắng, xám và đen trong một màu. 12 tông màu cơ bản được nhắc tới ở trên có mức Chroma cao nhất do không có lẫn thêm màu nào khác cả. Những màu với mức Chroma cao thường khá đậm và trông rất sống động.

Saturation – Độ bão hoà màu

Đặc tính này khá giống vớiValuevàChroma, vì vậy thỉnh thoảng chúng thường hay bị nhầm lẫn với nhau. Tuy vậy, bạn cần phải nắm rõ được điểm khác nhau giữa chúng.Saturationkhông áp dụng khi bạn trộn lẫn Hue với các màu sắc khác nhau. Nó đơn giản chỉ là cách màu sắc được hiển thị dưới các điều kiện ánh sáng khác nhau.Saturationgiúp miêu tảmàu sắc đậm hay nhạt theo các cường độ ánh sáng mạnh – nhẹ khác nhau. Giá trị này còn được gọi là cường độ màu sắc.

Triadic colors là gì
Ứng dụng Calendar của Tubik Studio

3.Color Wheel – Vòng tuần hoàn màu sắc

Nếu bạn đã từng học thứ gì đó có liên quan ít nhiều tới hội hoạ, ắt hẳn bạn đã thấy bảng vòng tròn với nhiều màu sắc khác nhau. Nó được gọi là Vòng tuần hoàn màu sắc, nó giúp cho chúng ta hiểu được sự tương quan cũng như cách phối hợp các màu sắc với nhau. Vòng tuần hoàn màu thường đươc tạo nên bởi các màu sơ cấp, thứ cấp và tam cấp (còn được gọi là Hue – Tông màu).

Vòng tuần hoàn màu sắc được tạo ra vào năm 1666 bởiIsaac Newtondưới dạng sơ đồ, từ đó tới nay nó đã được cải tiến và biến đổi qua nhiều dạng khác nhau, nhưng nhìn chung thì đây vẫn là công cụ chính yếu trong việc phối màu. Với vòng tròn ’thần thánh’ này, thì việc phối màu sao cho phù hợp không còn là vấn đề nan giải nữa.

Triadic colors là gì

4. Các dạng màu sắc

Primary Colors – Màu sơ cấp

Màu sơ cấp bao gồm bộ 3 màu cơ bản, không được tạo ra bởi sự pha trộn giữa các màu khác nhau. Bộ màu sơ cấp đóng vai trò như nền tảng của cả hệ thống màu. Bộ 3 màu căn bản này sẽ thay đổi tuỳ thuộc vào hệ thống màu khác nhau.Mô hình màu bù trừ (subtractive color system – CMY) sẽ bao gồmcyan (xanh da trời), magenta (hồng cánh sen), và yellow (vàng)– trong khi đó Mô hình màu bổ sung(additive color system – RGB)sẽ bao gồm red (đỏ), green (xanh lá) và blue (xanh dương). Ta còn có hệ thống màu RYB bao gồm red (đỏ), yellow (vàng) và blue (xanh dương).

Secondary Colors – Màu thứ cấp

Màu thứ cấp là những màu được tạo ra nhờ vào sự kết hợp giữa 2 màu sơ cấp. Mỗi hệ thống sẽ có những màu sơ cấp khác nhau như đã đề cập ở trên, chính vì vậy hệ thống màu thứ cấp cũng rất đa dạng. Dưới đây là sơ đồ giới thiệu bảng màu thứ cấp trong mỗi hệ thống màu.

Triadic colors là gì

RGB:

  • xanh lá + đỏ = vàng
  • đỏ + xanh dương = hồng cánh sen
  • xanh dương +xanh lá = xanh da trời

CMYK:

  • vàng + hồng cánh sen = đỏ
  • hồng cánh sen + xanh da trời =xanh dương
  • xanh da trời + vàng = xanh lá

RYB:

  • vàng + đỏ= cam
  • đỏ + xanh dương = tím
  • xanh dương + vàng =xanh lá

Tertiary Colors – Màu tam cấp

Sự phối hợp giữa màu sơ cấp và thứ cấp sẽ cho ra đời bảng màu tam cấp. Màu tam cấp sẽ được đặt tên dựa vào các màu tạo nên nó, ví dụ như: đỏ – tím hoặc vàng – cam.

Màu lạnh, màu nóng và màu trung tính

Tất cả những màu kể trên còn có thể được chia làm ba loại: lạnh, nóng và trung tính.

Màu lạnhlà những màu nằm về phía màu xanh lá – xanh dương (green – blue) trên vòng tuần hoàn màu sắc. Sở dĩ chúng có tên như vậy bởi vì những màu này mang lại cảm giác ‘lạnh’ cho người xem. Ngược lại, gammàu nóngsẽ mang lại cảm giác ấm áp. Vàng, cam và đỏ là những tông màu chủ đạo của gam màu nóng. Cuối cùng, nhữngmàu trung tínhlà những màu không có trong vòng tuần hoàn màu sắc, bao gồm xám, nâu và vàng nâu(beige: người Việt còn hay gọi là màu be – người dịch).

Triadic colors là gì
Ứng dụng Weather của Tubik Studio

5. Hệ thống màu

Triadic colors là gì

RGB

Hệ màu RGB (Red Green Blue) sử dụng đỏ, xanh dương và xanh lá làm màu cơ bản. Hệ màu này là nền tảng màu sắc cho các loại màn hình khác nhau. Nếu bạn kết hợp các màu cơ bản này với tỉ lệ cân bằng sẽ tạo ra được các màu cyan (xanh da trời), magenta (hồng cánh sen) và yellow (vàng) – thêm vào đó, độ sáng càng cao thì màu của bạn sẽ sáng hơn và hơi nhạt đi. Nếu bạn trộn lẫn với mô hình màu bổ sung (additive), kết quả thu được sẽ tạo cảm giác phản trực quan với những người đã quen với mô hình màu bù trừ (subtractive) trong các màu sơn, màu nhuộm và các vật thể hữu hình khác.

RYB

RYB (Red Yellow Blue) còn được biết đến như một hệ thống màu thường được sử dụng trong giáo dục mỹ thuật, đặc biệt là trong hội hoạ. Hệ màu này được xem như là cội nguồn cho lý thuyết về khoa học màu sắc, trong đó chỉ ra rằng lục lam, đỏ tươi và vàng là bộ 3 màu hiệu quả nhất để phối với nhau. Đó cũng chính lý do tại sao ta có hệ màu CMY.

CMYK

Hệ màu CMY đã được sửa đổi và cải tiến với sự xuất hiện của công nghệ in quang cơ (photomechanical printing). Nó được bổ sung thêm một màu sắc chủ chốt là màu đen, cũng vì vậy mà hệ màu này được đổi tên thành CMYK (Cyan Magenta Yellow blacK). Nếu không có màu đen được thêm vào, những màu sắc gần với màu đen sẽ bị chuyển thành màu nâu bùn. Ngày nay, hệ màu này thường được sử dụng nhiều trong các mẫu thiết kế in.

6.Color Scheme – Nguyên tắc phối màu

Sự cân bằng màu sắc là cực kỳ quan trọng trong thiết kế. Với một trang web, ấn tượng đầu tiên của người dùng sẽ rất sâu đậm, và màu sắc có ảnh hưởng lớn tới việc đó. Các nhà thiết kế thường phân biệt rõ ràng các cách phối màu căn bản, hay còn gọi là sự hoà hợp màu sắc – và thứ này thật sự có hiệu quả đấy nhé.

Monochromatic – Phối màu Đơn sắc

Phương pháp này thường sử dụng đúng 1 màu chủ đạo, kèm theo đó là các tone và shade của nó. Phương pháp phối Đơn sắc luôn là lựa chọn hàng đầu bởi vì tính hoàn thiện cũng như vẻ thẩm mỹ cao.

Triadic colors là gì
Nguồn: Deetu Business Cards – Thiết kế bởi Tubik Studio

Analogus – Phối màu Liền kề (hay còn gọi là phối Tương tự)

Để sử dụng phương pháp này, hãy sử dụng những màu nằm cạnh nhau trên Color Wheel. Phương pháp này thường được chọn khi thiết kế không yêu cầu độ tương phản cao, bao gồm cả nền của trang web với cả banner.

Triadic colors là gì
Nguồn: Binned Logo Animation – Thiết kế bởi Tubik Studio

Complementary – Phối màu Tương phản

Phối Tương phản là phương pháp sử dụng những màu đối diện nhau trong Color Wheel. Phương pháp này trái ngược với hai phương pháp kể trên vì nó nhấn mạnh vào độ tương phản. Ví dụ như việc sử dụng nút bấm màu cam trên nền xanh dương chẳng hạn.

Triadic colors là gì
Nguồn: Home Budget Dashboard – Thiết kế bởi Tubik Studio

Split Complementary – Phối màu Tam giác cân

Phương pháp này khá giống với Phối Tương phản ngoại trừ việc nó sử dụng nhiều màu hơn. Ví dụ, nếu bạn chọn màu xanh dương, bạn sẽ phải chọn thêm 2 màu bên cạnh màu đối diện của nó: vàng và đỏ. Độ tương phản trong phương pháp này sẽ không quá sắc nét so với Complementary, nhưng bù lại bạn sẽ có khả năng sử dụng được nhiều màu sắc hơn.

Triadic colors là gì
Nguồn: Financial Service Website – Tubik Studio

Triadic – Phối màu Bộ ba (hay còn gọi là phối Tam giác đều)

Nếu thiết kế yêu cầu nhiều màu sắc, bạn có thể sử dụng phương pháp phối Bộ ba – bằng cách chọn ba màu cách đều nhau trên Color Wheel. Để đảm bảo tính cân bằng với phương pháp này, bạn nên chọn một màu chủ đạo, còn 2 màu còn lại để bổ trợ thêm.

Triadic colors là gì
Nguồn: Dating App Landing Page – Tubik Studio

Tetradic/Double-Complementary – Phối màu Chữ nhật

Phối Chữ nhật thường được sử dụng bởi các nhà thiết kế giàu kinh nghiệm bởi nó khá khó để cân bằng. Nó bao gồm 4 màu trên Color Wheel, trong đó có 2 cặp màu tương phản – và khi nối 4 màu đó lại, bạn sẽ được hình chữ nhật. Như đã nói, rất khó để cân bằng với phương pháp này, nhưng nếu bạn làm tốt, kết quả thu được sẽ cực kỳ mãn nhãn.

Triadic colors là gì
Nguồn: Ứng dụng Business Card – Tubik Studio

Để kết thúc bài viết, hãy cũng đến với một câu nói của RyPaul: “Sống thật trọn vẹn và sử dụng hết màu sắc có trong hộp bút màu.” Hãy học cách sử dụng màu sắc một cách thật hiệu quả trong công việc và cuộc sống, kết quả mang lại sẽ thật sự làm bạn hài lòng đấy.

Tác giả:Tubik Studio
Nguồn:uxplanet.org
Người dịch: Hà Đình Nhân
Minh hoạ: Nhi Nguyễn

Cùng tác giả

Triadic colors là gì

Jan Tschichold và hành trình chuẩn hóa thiết kế bìa Penguin

Triadic colors là gì

Nguồn cảm hứng bất tận từ Bauhaus

Triadic colors là gì

100 năm trường phái De Stijl | Phần 2: Dấu ấn khó phai màu

Triadic colors là gì

Tòa thị chính The Hague - “Bức họa Mondrian lớn nhất thế giới.”

#Tag

bảng tuần hoàn màu sắc color using Hà Đình Nhân Kiến thức lý thuyết màu sắc màu sắc thuật ngữ

iDesign Must-try

Triadic colors là gì

Synesthetic Letters: khi con chữ được nhuộm màu trong tiềm thức

Trong thế giới của những người mắc hội chứng Synesthesia, các giác quan thường dược liên kết chặt chẽ với nhau. Dự án Synesthetic Letters của Dasha Pears và Jane…

Triadic colors là gì

Gamification trong thiết kế và những điều bạn cần biết! (Phần 2)

Ở phần 1, chúng ta đã có bức tranh tổng thể về Gamification (Game hóa) mà ngày nay không ít doanh nghiệp sử dụng, giúp thu hút nhiều người dùng…

Triadic colors là gì

Thời kỳ Victoria (Phần 1): Tóm lược và lịch sử

Thời kỳ Victoria tuy không phải là một thời kỳ rõ rệt trong lịch sử nghệ thuật và thiết kế cả về mặt phong cách lẫn tư tưởng triết học…

Triadic colors là gì

5 xu hướng màu sắc liên quan đến bối cảnh xã hội cho năm 2021

Chúng tôi dự đoán các bảng màu sẽ trở nên phổ biến với thế giới sáng tạo trong vòng 12 tháng sắp tới

Triadic colors là gì

8 xu hướng màu sắc sẽ ‘thống trị’ thế giới năm 2021

Những gam màu của năm 2021 thiên về sự tươi trẻ, trung lập, gần với màu tự nhiên.

Triadic colors là gì

Từ A - Z các thuật ngữ nghệ thuật có thể bạn chưa tỏ tường (phần 6)

iDesign xin giới thiệu với bạn đọc một số thuật ngữ (theo thứ tự từ A-Z) có thể bạn đã nghe qua nhưng chưa thật sự hiểu rõ, từ đó…

Triadic colors là gì

GET IN TOUCH