איך לזהות בקלות וביעילות צבעים מאתרי אינטרנט ומתמונות

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

הורדת תוסף לדפדפן גוגל כרום

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

התקנת התוסף
נפתח את הדפדפן ונחפש בשורת החיפוש תוסף בשם "ColorZilla"

נלחץ על Add to Chrome

 

לאחר מכן נאשר Add extension

 

שימוש תוסף לזיהוי צבעים מאתר אינטרנט

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

האיקון נראה ככה 

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

שימו לב! כדי לשמור את קוד הצבע של התמונה לחצו בעכבר על הנקודה שבה אתם עומדים וקוד הצבע ישמר לזיכרון ממנו תוכלו לבצע העתק-הדבק.

כדי לבדוק קודי צבעים באתרי אינטרנט:

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

עוד מילה על ColorZilla:

ישנם עוד כלים לתוסף מלבד זיהוי הצבעים שהוזכר כאן בניהם

  • זיהוי צבעים מעמוד אינטרנט (כולל באיזה DIV ב CSS הם נמצאים)
  • שמירת היסטורית צבעים
  • פלטת צבעים
  • ועוד…

אופציה שימושית זו טובה בין היתר ל:

  • מעצבי אתרים
  • גרפיקאים
  • בוני אתרים
  • סתם סקרנים

אם יש לכם דרכים אחרות מוזמנים להשאיר תגובות…

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


כרדיט לתמונה ראשית Photo by Sharon McCutcheon from Pexels

 

היו הראשונים להגיב על "איך לזהות בקלות וביעילות צבעים מאתרי אינטרנט ומתמונות"

מלאו את הפרטים להשארת תגובה

האיימיל שלך לא יפורסם.


*