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

ערכות לוח צבעים משלימות

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

צבעים הם תדרים

תפוח אדום ... נכון? ובכן לא באמת. תדירות האופן בו משתקף האור ונשבר מעל פני התפוח הופך אותו לזיהוי, המומר בעינינו כאותות, ונשלח למוחנו שם אנו מזהים אותו כ"אדום ". אוף ... זה כואב לי בראש רק לחשוב על זה. זה נכון ... צֶבַע הוא פשוט תדר של אור. הנה תצוגה של הספקטרום האלקטרומגנטי ותדרי כל הצבעים:

צבע וספקטרום אלקטרומגנטי

זו בדיוק הסיבה שאור לבן המכוון לפריזמה מייצר קשת. מה שבאמת מתרחש הוא שהגביש משנה את תדירות אורך הגל כשהאור נשבר:

פריזמה
מנסרת הקריסטל מפזרת אור לבן לצבעים רבים.

העיניים שלך הן גלאי תדרים

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

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

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

תורת הצבעים 101: הפיכת צבעים משלימים לעבוד עבורך

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

רעש חזותי לעומת הרמוניה

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

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

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

בקרוב עוד על הרמוניות ... בואו נחזור לתורת הצבעים.

צבעי RGB

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

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

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

גלגל הצבעים

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

גלגל הצבעים

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

חמוש אותי בהרמוניה ...

מעגל צבע ניוטון

סוגי הרמוניות צבעוניות

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

מאפיינים שונים קשורים לכל סוג:

  • אנלוגי - קבוצות צבעים הנמצאות זו ליד זו על גלגל הצבעים. 
  • מונוכרומטי - קבוצות הנגזרות מגוון בסיס יחיד והורחבו באמצעות גווניו, גווניו וגווניו.
  • שְׁלִישִׁיָה - קבוצות של צבעים המרווחים באופן שווה סביב צֶבַע גלגל
  • מַשׁלִים - קבוצות צבעים המנוגדות זו לזו על גלגל הצבעים.
  • משלים מפוצל - וריאציה של משלים כאשר משתמשים בשני צבעים הסמוכים למשלים.
  • מלבן (טטרדי) - משתמש בארבעה צבעים המסודרים לשני זוגות משלימים
  • בצורת ריבוע - דומה למלבן, אך עם כל ארבעת הצבעים המרווחים באופן שווה סביב מעגל הצבע
  • תרכובת - צבע ושני הצבעים הסמוכים לצבעו המשלים
  • מִשְׁקפֵי שֶׁמֶשׁ - התאמת הגוון (עליית הבהירות), או צל (כהה) לצבע הראשוני.

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

מחוללי ערכות לוח צבעים

באמצעות מחולל ערכות לוח צבעים, תוכלו לקבל שילובי צבעים יפים ומשלימים כמו זה:

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

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

  • Adobe - כלי נפלא עם עד 5 צבעים שבו אתה יכול לבדוק סוגים שונים, לבצע התאמות, ואפילו לשמור את העיצוב שלך בכל מוצר של Adobe.
  • מותג צבעים - האוסף הגדול ביותר של קודי צבע רשמיים של המותג.
  • קנבה - העלו תמונה והם ישתמשו בה כבסיס לפלטה שלכם!
  • קולור - צור לוח צבעים עקבי עם לחיצות בודדות בלבד. 
  • מעצב צבעים - פשוט בחרו צבע או השתמשו בצבעים שנבחרו מראש והאפליקציה עושה את השאר. 
  • צבע האנט - פלטפורמה חופשית ופתוחה להשראת צבעים עם אלפי לוחות צבעוניים אופנתיים שנבחרו ביד
  • קולורקולר - צור לוח צבעים לאינסטגרם כדי שיהיה יותר אסתטי.
  • קולורמינד - מחולל ערכות צבעים המשתמש בלמידה עמוקה. זה יכול ללמוד סגנונות צבע מתצלומים, סרטים ואמנות פופולרית.
  • מרחב צבעים - פשוט הזן צבע אחד עד שלושה וצור כמה תוכניות!
  • צבע צבע - חוויה ממש מגניבה לכל המסך ליצירת לוח הצבעים שלך עם מספר סגנונות הרמוניה בצד שמאל.
  • אוהבי COLOUR - קהילה יצירתית בה אנשים מרחבי העולם יוצרים ומשתפים צבעים, לוחות ודוגמאות, דנים במגמות האחרונות ובוחנים מאמרים צבעוניים.
  • קולרים - צור לוח צבעים מושלם או קבל השראה מאלפי ערכות צבעים יפות.
  • בוחר צבעי נתונים - השתמש בבוחר הצבעים ליצירת סדרת צבעים שוויונית מבחינה ויזואלית
  • חרומה - משתמש ב- AI כדי ללמוד אילו צבעים אתה אוהב ויוצר לוחות עבורך כדי לגלות, לחפש ולשמור.
  • חומר עיצוב - צור, שתף והחל ערכות צבעים על ממשק המשתמש שלך. זה אפילו מגיע עם ייצוא לאפליקציה שלך!
  • צבעי מוזלי - הוסף שם צבע או קוד, וייצר לוח צבעים יפהפה.
  • פאלטון - בחרו בצבע בסיסי ותקבלו השראה.
  • מרפסת - קבל השראה מטונות של צבעים מדהימים. 

צבע ונגישות

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

  • קונטרסט - לכל צבע עצמאי יש בְּהִיקוּת. על צבעי שכבות וחפצים סמוכים להיות בעלי יחס בהירות יחסי של 4.5: 1 על מנת שאנשים עם ליקויי ראייה יוכלו להבדיל ביניהם. לא הייתי עושה את הטרחה בניסיון לחשב את היחסים בעצמך, אתה יכול לבדוק את היחס שלך בשני צבעים בעזרת ניתן לצביעה, יחס ניגודיות, או צבע בטוח.
  • איקונוגרפיה - הדגשת שדה באדום אינה מסייעת למי שיש לו מחסור בצבע. הקפד להחיל איזושהי הודעה או סמל כדי להודיע ​​להם שיש גם בעיה.
  • להתמקד - אנשים רבים מנווטים באמצעות מקלדות או קוראי מסך. ודא שממשק המשתמש שלך מעוצב כראוי עם כל תיוג הנגישות כדי שהם יוכלו לנצל את האתר שלך. עבור אנשים עם ליקויי ראייה, השימוש בחלל לבן והיכולת להגדיל או להקטין את גודל הגופנים במקום שאינו הורס את הפריסה הוא קריטי.

האם אתה מומחה לעיניים? מומחה לצבעים? מומחה נגישות? אל תהסס לספק לי כל הדרכה לשיפור מאמר זה!

מה אתה חושב?

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