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

עודכן לאחרונה בתאריך 8 דצמבר 2019

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

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

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

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

נלחץ על Add to Chrome

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

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

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

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

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

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

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

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

עוד מילה על ColorZilla:

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

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

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

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

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

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


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

תגובות לכתבה

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


*