כללי הרמוניה בצבע: משלים, שלושי, רבעי, ומתי להשתמש בכל אחד

תורת הצבע נשמעת אקדמית. בפועל זה ערכת כלים קטנה של כללים שמעצב טוב מגיע אליה ללא תחשבה. שבע הרמוניות הקלאסיות מכסות 95% מעבודת הפלטות — הכרת כל אחת ומתי להשתמש בה היא ההבדל בין פלטה שמרגישה כוונתית לאחת שמרגישה מקרית.

הגלגל הוא המצפן

כל כלל הרמוניה מגדיר מיקומים על גלגל הצבע בן 12 הפרוסות. אתה בוחר גוון בסיסי, ואז הכלל אומר לך איפה בגלגל לתפוס את השאר. הכללים אינם מציינים רוויה או קלילות — ממדים אלה שלך לכוונן.

משלים (גוונים מנוגדים)

שני צבעים ישירות בחלק הנגדי של הגלגל: אדום וציאן, כתום וכחול, סגול וצהוב. ניגודיות מקסימלית. משמש כאשר אתה צריך משהו לקפוץ מרקע — כפתור CTA בעמוד נחיתה, הדגשה בתרשים נתונים.

מלכודת: ברוויה מלאה, זוגות משלימים רועדים בצורה לא נוחה. הנח אחד למטה (הפחת רוויה, הקל או החשך) והשתמש בשני כהדגשה.

שלושי (שלוש מרווחות באופן שווה)

שלוש גוונים במרווחים של 120°: אדום-צהוב-כחול, כתום-ירוק-סגול. מאוזנת ותוססת. פופולרית לאיורים, מוצרים לילדים, ומותגים שרוצים להרגיש תוססים ללא להיות מכריחים.

מלכודת: שלוש בעלות רוויה שווה מתחרות על תשומת לב. בחר אחת להשתלט (60% מהעיצוב שלך), אחת לתמיכה (30%), אחת להדגשות (10%).

סמוך (שכנים בגלגל)

שלוש עד חמש גוונים סמוכים: צהוב-צהוב-ירוק-ירוק או כחול-כחול-סגול-סגול. ההרמוניה הרגועה ביותר — אין סכסוך כי אין צבע שמתחרה בשני. סצנות טבעיות (שקיעות, יערות) כמעט תמיד סמוכות.

מלכודת: פלטות סמוכות יכולות להרגיש שטוחות. הוסף הדגשה משלימה (מינון קטן של ההפך של הצבע התיכון שלך) לנקודות ניגודיות.

מחוצה-משלים (שני קרובים-למנוגדים)

בחר בסיס, ואז קח את שני הצבעים הסמוכים להשלמה שלו במקום השלמה עצמה. רך יותר מאשר משלים קפדני אך עדיין חזק. ברירת מחדל טובה לעיצובים שמוצאים משלים ישיר תוקפני מדי.

רבעי (שני זוגות משלימים)

ארבע גוונים היוצרים מלבן על הגלגל: למשל אדום + ירוק + כתום + כחול. ההרמוניה העשירה ביותר — הרבה מגוון — אך הקשה ביותר לאיזון. הטוב ביותר כאשר צבע אחד שולט והשלושה האחרים ממלאים תפקידי תמיכה.

מלכודת: פלטות רבעיות בקלות נקראות ככאוטיות. החליטו איזה צבע נושא את הזהות וירידו את השלושה האחרים לתפקידים קטנים יותר.

חד-כרומטי (גוון אחד, ערכים רבים)

גוון בודד עם רוויה וקלילות משתנות. קוהרנטיות מקסימלית, אפס ניגודיות גוונים. מושלם לממשקים שבהם אתה רוצה שהתוכן (תמונות, טיפוגרפיה) ייישא את העניין הוויזואלי, לא את chrome ממשק המשתמש.

רוב כלים SaaS מינימליסטיים נוטים לחד-כרומטי — המותג הוא כחול אחד, הכל אחר הוא סקאלת אפור.

טרנדינג (שבירת הכללים בצורה טובה)

מצב שביעי שאנו כוללים בנו Color Palette Generator: 177 פלטות קהילה שעברו קרטציה ידנית מ-ColourLovers, Coolors, ועיצובים תעשייתיים. פלטות אלה לעתים קרובות שוברות כללים קלאסיים בכוונה — הן עובדות כי למעצב הייתה כוונה יצירתית ספציפית — והן מקור השראה מעולה כאשר תיאוריה טהורה מייצרת משהו בטוח מדי.

מה לבחור?

• עריכה, רגוע, טבעי → סמוך.
• דקק, CTA, אנרגיה → משלים או מחוצה-משלים.
• מותג תוסס, איור → שלושי.
• עריכה עשירה, קמפיינים אמיצים → רבעי.
• ממשק ממש מינימליסטי, עשיר בתמונות → חד-כרומטי.
• תחוש שאתה תקוע → עיין בטרנדינג.

מעבר לכללים

כל שבע הרמוניות מתעלמות משני ממדים קריטיים: ניגודיות (האם ניתן לקרוא טקסט על הרקע הזה?) וצבע סמנטי (אדום פירושו סכנה בממשק מערבי ללא קשר לתיאוריה). תמיד העביר את הפלטה הסופית שלך דרך בדיקת WCAG ניגודיות — ה-Color Palette Generator מראה לך את כל היחסים AA/AAA של כל זוג בלחיצה אחת — ואל תבחר בצבע סכנה רק מכיוון שהגלגל אומר שזה נראה יפה.

כללים הם נקודות התחלה, לא נקודות סיום. צור חמש פלטות, בקר אותן, התאם. פלטות טובות מגיעות מאיטרציה, לא מתוך גלגול יחיד של הקוביה.