המרת צבע
#ca4e4e
≈ Chestnut Rose
וריאציות
מטרת סעיף זה היא לייצר במדויק גוונים (תוספת לבן טהור) וצללים (תוספת שחור טהור) של הצבע שבחרתם במרווחים של 10%.
טיפ מקצועי: השתמשו בגוונים למצבי ריחוף וצללים, ובגוונים להדגשות ורקעים.
מִשְׁקפֵי שֶׁמֶשׁ
וריאציות כהות יותר שנוצרו על ידי הוספת שחור לצבע הבסיס שלך.
גוונים
וריאציות בהירות יותר שנוצרו על ידי הוספת לבן לצבע הבסיס שלך.
מקרי שימוש נפוצים
- • מצבי רכיבי ממשק המשתמש (ריחוף, פעיל, מושבת)
- • יצירת עומק בעזרת צללים והארות
- • בניית מערכות צבע עקביות
טיפ למערכת עיצוב
וריאציות אלו מהוות את הבסיס לפלטת צבעים מגובשת. ייצא אותן כדי לשמור על עקביות לאורך כל הפרויקט.
שילובי צבעים
לכל הרמוניה יש מצב רוח משלה. השתמשו בהרמוניות כדי לחשוב על שילובי צבעים שמתאימים זה לזה.
כיצד להשתמש
לחץ על כל צבע כדי להעתיק את הערך ההקסדצימלי שלו. שילובים אלה מוכחים מתמטית כיוצרים הרמוניה חזותית.
למה זה חשוב
הרמוניות צבעים יוצרות איזון ומעוררות רגשות ספציפיים בעיצובים שלכם.
מַשׁלִים
צבע והיפוכו בגלגל הצבעים, +180 מעלות של גוון. ניגודיות גבוהה.
פיצול-משלים
צבע אחד ושניים הסמוכים לצבע המשלים שלו, +/-30 מעלות גוון מהערך שממול לצבע הראשי. מודגש כמו צבע משלים ישר, אך רב-תכליתי יותר.
טריאדית
שלושה צבעים המפוזרים באופן שווה לאורך גלגל הצבעים, כל אחד במרחק של 120 מעלות גוון זה מזה. עדיף לאפשר לצבע אחד לשלוט ולהשתמש באחרים כאלמנטים נלווים.
מַקְבִּיל
שלושה צבעים בעלי אותה בהירות ורוויה עם גוונים סמוכים על גלגל הצבעים, במרחק של 30 מעלות זה מזה. מעברים חלקים.
חַד גוֹנִי
שלושה צבעים באותו גוון עם ערכי בהירות של +/-50%. עדין ומעודן.
טטרדיק
שתי קבוצות של צבעים משלימים, מופרדות על ידי 60 מעלות גוון.
עקרונות תורת הצבעים
לְאַזֵן
השתמשו בצבע דומיננטי אחד, תמכו בצבע משני, והדגישו במשורה.
לְהַשְׁווֹת
ודא ניגודיות מספקת לקריאה ונגישות.
הַרמוֹנִיָה
צבעים צריכים לעבוד יחד כדי ליצור חוויה ויזואלית אחידה.
בודק ניגודיות צבע
בדקו שילובי צבעים כדי לוודא שהם עומדים בתקני הנגישות של WCAG לקריאות טקסט.
צבע טקסט
צבע רקע
בניגוד
תקני WCAG
כולם גאונים. אבל אם תשפוט דג לפי יכולתו לטפס על עץ, הוא יחיה את כל חייו מתוך אמונה שהוא טיפש.