עיינו בכל 140 צבעי CSS/HTML הסטנדרטיים בעלי השם ברשת דוגמיות יפה — חפשו לפי שם או hex, סננו לפי משפחת צבע והעתיקו את ערך ה-hex, ה-rgb() או ה-hsl() של כל צבע בלחיצה אחת. בדפדפן שלכם, בחינם.

כל 140 צבעי CSS/HTML הסטנדרטיים בעלי השם, עם ערכי ה-hex, ה-RGB וה-HSL שלהם. הכול פועל בדפדפן שלכם ממדריך מובנה — שום דבר אינו נשלח לשרת.

אין צבע התואם לחיפוש שלכם.
נסו שם או hex אחר — למשל RebeccaPurple, #00FF00 או teal.

אודות שמות צבעי HTML

מדריך זה מציג את כל 140 הצבעים בעלי השם התקניים של CSS/HTML — הרשימה המלאה שדפדפנים מבינים, מ-AliceBlue ועד YellowGreen — כרשת דוגמיות רספונסיבית. כל דוגמית מציגה את הצבע עצמו עם שמו וערך ההקס שלו, ולחיצה עליה פותחת את צורות ה-hex, ה-rgb() וה-hsl() שלו, כל אחת ניתנת להעתקה בלחיצה אחת.

ניתן לחפש לפי שם או ערך הקס — Tomato ו-#FF6347 מוצאים את אותה הדוגמית — ולסנן לפי משפחה: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites, ו-Grays & Blacks. תצוגת המשפחה היא הדרך המהירה ביותר לבחור מועמדים כשאתם יודעים בערך את הגוון שתרצו.

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

כיצד להשתמש ב-שמות צבעי HTML

  1. חפשו לפי שם צבע או ערך הקס — לדוגמה Tomato, teal או ‎#00FF00‎.
  2. סננו לפי משפחה — Reds, Blues, Grays וכן הלאה — כדי לבחור צבעים בטווח גוון אחד.
  3. לחצו על דוגמית כדי להעתיק את ערך ההקס שלה מיידית.
  4. פתחו את חלונית הדוגמית כדי להעתיק את צורת ה-rgb() או ה-hsl() במקום.

שאלות נפוצות

יש 140 צבעים בעלי שם תקניים ב-CSS מודרני, המרחיבים את 16 צבעי ה-HTML המקוריים ברשימה הגדולה יותר הנגזרת מ-X11. כל דפדפן נוכחי תומך בכולם, בכל מאפיין המקבל צבע.

לא. tomato, Tomato ו-TOMATO כולם תקפים וזהים ב-CSS וב-HTML. הצורות במקרה גמל המוצגות כאן הן פשוט האיות המקובל שהופך שמות רבי-מילים כמו LightGoldenrodYellow לקריאים.

שמות מצוינים לדוגמאות, אבי-טיפוס ומבטאים חד-פעמיים; פלטות ייצור בדרך כלל חיות במאפיינים מותאמים אישית עם ערכי hex, rgb() או hsl(), מכיוון שצבעי מערכת עיצוב לעיתים רחוקות תואמים בדיוק צבע בעל שם. מבחינה פונקציונלית, שם והקס שלו ניתנים להחלפה.

CSS כוללת את שתי הכתיבות עבור gray ומשתנותיו — gray/grey, darkgray/darkgrey וכן הלאה — וממפה כל זוג לאותו ערך, כך שאף כתיבה אינה שגויה.

כן. כל 140 הדוגמיות, החיפוש, מסנני המשפחה וההעתקה של hex/rgb()/hsl() חינמיים ורצים כולם בדפדפן שלכם.

שתף זאת
צריך עזרה?
נתקלת בבעיה בכלי הזה? ספר לצוות שלנו.
דיווח על בעיה

הוסיפו כלי חינמי זה לאתר שלכם — העתיקו והדביקו את הקוד שלהלן.