לצבעים יש תפקיד חיוני בהעברת מידע לא מילולית. אתר עם צבעים אינטראקטיביים נחשב לאטרקטיבי ומושך מבחינה ויזואלית. ישנן שיטות שונות להחלת צבעים עבור רכיבי HTML: RGB, RGBA, HEX Code, HSLA ו-HSL. עם זאת, אתה יכול למצוא קודי צבע על ידי בדיקת הדף, בחירת צבעים מבוחר הצבעים או שימוש בתכונת טפטפת עיניים בחלונית כלי המפתחים.
במחקר זה, נדון בשיטות למציאת קוד צבע ב-HTML
שיטה 1: מצא קוד צבע ב-HTML על ידי בדיקת דף האינטרנט
להלן השלבים למציאת קוד הצבע על ידי בדיקת הדף.
שלב 1: פתח את דף האינטרנט
ראשית, פתח את דף האינטרנט הנדרש:
שלב 2: בחר באפשרות בדיקה
לחץ באמצעות לחצן העכבר הימני על העמוד ובחר את ' לִבדוֹק אפשרות ' מהתפריט, שתספק גישה ל' כלים למפתחים ' פאנל:
כתוצאה מכך, ' אלמנטים ' הכרטיסייה תוצג בתחתית הדפדפן:
שלב 3: התאם את המקום של לוח כלי המפתחים
על ידי לחיצה על שלוש הנקודות מהפינה, תוכל לבחור את מיקום הפאנל. לדוגמה, בחרנו את הסמל המודגש הירוק. יתר על כן, ניתן לשנות את גודל חלון הבדיקה על ידי גרירת הפינות שלו:
שלב 4: בחר רכיב לבדיקה
לאחר מכן, לחץ על הסמל המודגש כדי לבחור את האלמנט שברצונך לבדוק:
שלב 5: בחר את האלמנט
העבר את האלמנט שקוד הצבע שלו צריך להימצא ולחץ עליו. כתוצאה מכך, ' סגנונות ' הכרטיסייה נפתחת ומציגה את מאפייני הסגנון של האלמנט הנבחר, משם עליך לבחור את הצבע כפי שמוצג על ידי התיבה המודגשת הירוקה:
שלב 6: בחר צבע מבורר הצבעים
העתק את קוד הצבע מחלון בוחר הצבעים שנפתח:
התמונה למטה מציינת שאנו יכולים לבחור צבעים גם על ידי לחיצה על תיבות הצבע הקטנות המודגשות בצבע אדום. בעוד שהתיבה הצהובה מייצגת מצביע שמשתנה בהדרגה כדי לראות את הצבע של האלמנט שנבחר:
שלב 7: התאם את אטימות הצבע
אתה יכול גם להתאים את אטימות הצבע כפי שמודגם ב-GIF שלהלן:
שיטה 2: מצא קוד צבע ב-HTML על ידי שימוש בתכונת טפטפת עיניים
ניתן גם להשתמש בתכונת טפטפת העיניים כדי לבחור כל צבע מדף האינטרנט. תכונה זו שימושית מאוד מכיוון שהיא יכולה לבחור צבע מכל מקום בחלון המוצג.
פתק: תכונת טפטפת עיניים מיוצגת על ידי התיבה המודגשת האדומה בתמונה למטה:
הנה הדגמה של פעולתו של כלי הטפטפת:
לאחר בחירת הצבע עבור האלמנט שלך, העתק את קוד הצבע והדבק אותו ב-CSS של הפרויקט שלך.
סיכום
ישנן שיטות שונות להחלת צבעים עבור רכיבי HTML: RGB, RGBA, HEX Code, HSLA ו-HSL. אתה יכול למצוא קודי צבע על ידי ' בודקים ' בכל דף אינטרנט או על ידי בחירת צבעים מתוך ' בוחר הצבעים ' ושימוש ב' מפיל עיניים ' תכונה. מאמר זה הדגים את ההליך למציאת קודי צבע ב-HTML עם דוגמאות מפורטות.