כיצד לזהות צבע ספציפי באפליקציה או באתר

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

1. שימוש בכלי מפתחים בדפדפן האינטרנט Chrome

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

  • פתח את האתר שבו ברצונך לזהות צבע בדפדפן האינטרנט Chrome
  • לחץ על סמל שלוש הנקודות בפינה השמאלית העליונה של Chrome. יופיע חלון קופץ עם שלל אפשרויות.
  • לחץ על 'כלים נוספים' ולאחר מכן בחר 'כלים למפתחים' מהחלון הקופץ שנוצר.
  • השתמש ב-Ctrl + Shift + I אם ברצונך לדלג על השלבים שלמעלה
  • כעת, החלון מתחלק לשני מסכים - האתר משמאל והקוד של האתר מימין
  • הקלד Ctrl + Shift + C במקלדת שלך. זה מראה לך את כל הפרטים של אלמנט מסוים באתר כאשר אנו מרחפים את סמן העכבר על האלמנטים.
  • אתה יכול למצוא את קוד הצבע של האלמנט יחד עם מידע שימושי נוסף.

דוגמא

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

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

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

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

כאן נוכל למצוא את קוד הצבע בחלון הקופץ של סרגל הניווט. קוד הצבע הוא #333333.

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

2. הרחבת כרום טפטפת עיניים

Eye Dropper הוא תוסף כרום פופולרי ונפוץ כדי לעזור לך למצוא צבעים מסוימים בכל אתר או אפליקציה.

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

  • פתח כל אתר או אפליקציה בדפדפן האינטרנט של Chrome
  • לחץ על סמל תוסף טפטפת עיניים
  • בחר 'בחר צבע מדף אינטרנט' ורחף עם סמן העכבר על אלמנטים שונים באפליקציה או באתר.

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

דוגמא

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

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

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