פלטת צבעי אפליקציה

פלטת צבעי אפליקציה או פלטה (באנגלית: Color palette) היא קבוצת צבעים המשמשים כצבעי יסוד של אפליקציה כולל אתרי ווב (websites).

נהוג לקבוע פלטת צבעים לאפליקציה בעת תהליך האפיון.

כמה צבעי יסוד לקבוע לאפליקציה

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

ייצוג צבעי יסוד בקוד מקור של אפליקציה

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

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

שפת CSS היא שפת עיצוב עימה מפתחים עיצוב אלמנטרי של אפליקציות ווב ("אתרי אינטרנט").

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

דוגמה להגדרת פלטת צבעי אפליקציה בשפת CSS

להלן דוגמת קוד לפלטת צבעים שנקבעה בשפת CSS.

:root {
    --primaryColor: red;
    --secondaryColor: green;
    --actionColor: blue;
    --exceptionColor: yellow
}

/*
    Call these in every place per need by:

    var(--primaryColor)
    var(--secondraryColor)
    var(--actionColor)
    var(--exceptionColor)
*/

button {
    background-color: var(--actionColor);
}