שקיפות צבע מתייחסת לשינוי ערך האלפא של הצבע עצמו, בעוד ששקיפות של אלמנט משפיעה על האלמנט כולו, כולל כל הצבעים והתוכן שבו. כששקיפות מוחלת על אלמנט שלם, כל מה שבתוכו (טקסט, אייקונים וכו') יהפוך שקוף באותה מידה.
הנה שלושה מקרי שימוש נפוצים לשקיפות:
- בתגיות שצריכות לשבת על רקעים שונים, כדאי להגדיר צבע רקע עם שקיפות לתגית – כך התגית תתמזג בצורה הרמונית עם הרקע שמתחתיה, בעוד שהטקסט והאייקונים נשארים אטומים וקריאים.
- במצבי disabled לכפתורים, כשרוצים לשמר את ההיררכיה הוויזואלית בין כפתורים גם במצב מושבת (כדי שלא כולם ייראו זהים), נשתמש בשקיפות ברמת השכבה. כך הצבע המקורי של כל כפתור נשמר באופן יחסי, אך עם אפקט השבתה אחיד על כל האלמנט.
- במצבי disabled של אלמנטים מורכבים כמו פריט תפריט או שורת טבלה, שלעיתים מכילים בתוכם אלמנטים כמו אוואטרים או טאמבניילים, נשתמש בשקיפות לכל השכבה כדי ליצור אפקט אחיד של השבתה.
אפשר לייצר טוקן עקבי עבור שקיפות למצבי disabled (למשל 40%) כדי ליצור אחידות בין אלמנטים מושבתים בכל המערכת.
מהניסיון שצברנו 