המרת צבע
#ff69b4
וריאציות
מטרת החלק הזה היא לייצר במדויק גוונים בהירים (הוספת לבן טהור) וגוונים כהים (הוספת שחור טהור) של הצבע שבחרת במדרגות של 10%.
טיפ מקצועי: השתמש בגוונים כהים למצבי ריחוף וצללים, בגוונים בהירים להדגשות ורקעים.
גוונים כהים
וריאציות כהות יותר שנוצרו על ידי הוספת שחור לצבע הבסיס שלך.
גוונים בהירים
וריאציות בהירות יותר שנוצרו על ידי הוספת לבן לצבע הבסיס שלך.
שימושים נפוצים
- • מצבי רכיבי UI (ריחוף, פעיל, מושבת)
- • יצירת עומק עם צללים והדגשות
- • בניית מערכות צבע עקביות
טיפ למערכת עיצוב
הווריאציות הללו מהוות את הבסיס לפלטת צבעים אחידה. ייצא אותן כדי לשמור על עקביות בכל הפרויקט שלך.
שילובי צבעים
לכל הרמוניה יש את האווירה שלה. השתמש בהרמוניות כדי להעלות רעיונות לשילובי צבעים שעובדים טוב יחד.
איך להשתמש
לחץ על כל צבע כדי להעתיק את ערך ה-hex שלו. השילובים הללו מוכחים מתמטית ליצירת הרמוניה ויזואלית.
למה זה חשוב
הרמוניות צבע יוצרות איזון ומעוררות רגשות ספציפיים בעיצובים שלך.
משלים
צבע וההפך שלו בגלגל הצבעים, +180 מעלות גוון. ניגודיות גבוהה.
משלים מפוצל
צבע ושניים סמוכים למשלים שלו, +/-30 מעלות גוון מהערך ההפוך לצבע הראשי. נועז כמו משלים ישר, אך יותר גמיש.
טריאדי
שלושה צבעים במרווחים שווים על גלגל הצבעים, כל אחד 120 מעלות גוון זה מזה. עדיף לאפשר לצבע אחד לשלוט ולהשתמש באחרים כהדגשים.
אנלוגי
שלושה צבעים בעלי אותה בהירות ורוויה עם גוונים סמוכים על גלגל הצבעים, במרחק של 30 מעלות. מעברים חלקים.
מונוכרומטי
שלושה צבעים בעלי אותו גוון עם ערכי בהירות +/-50%. עדין ומעודן.
טטרדי
שתי קבוצות של צבעים משלימים, מופרדים ב-60 מעלות גוון.
עקרונות תורת הצבעים
איזון
השתמש בצבע דומיננטי אחד, תמוך בצבע משני והדגש במידה מועטה.
ניגודיות
ודא ניגודיות מספקת לקריאות ונגישות.
הרמוניה
הצבעים צריכים לעבוד יחד כדי ליצור חוויה ויזואלית מאוחדת.
בודק ניגודיות צבע
בדוק שילובי צבעים כדי לוודא שהם עומדים בתקני הנגישות של WCAG לקריאות טקסט.
צבע טקסט
צבע רקע
ניגודיות
תקני WCAG
בודק ניגודיות מתקדם
כוונון עדין עם מחוונים, תצוגות מקדימות מרובות ועוד
כולם גאונים. אבל אם תשפוט דג לפי יכולתו לטפס על עץ, הוא יחיה את כל חייו במחשבה שהוא טיפש.