דילוג לבוחר הצבעים

שמות צבעים ב-CSS

כל הצבעים עם שם במפרט CSS (148), מקובצים לפי גוון וממוינים מבהיר לכהה. לחצו על שם או על ערך HEX כדי להעתיק.

אדום

אדום-ורוד

ורוד

מג׳נטה

  • זהה ל-magenta

  • זהה ל-fuchsia

סגול

ויולט

אינדיגו

כחול

  • זהה ל-lightslategrey

  • זהה ל-lightslategray

  • זהה ל-slategrey

  • זהה ל-slategray

תכלת

ציאן

  • זהה ל-cyan

  • זהה ל-aqua

  • זהה ל-darkslategrey

  • זהה ל-darkslategray

כחול-ירוק

אזמרגד

ירוק

ליים

צהוב

ענבר

כתום

חום

בז׳

לבן

אפור

  • זהה ל-lightgrey

  • זהה ל-lightgray

  • זהה ל-darkgrey

  • זהה ל-darkgray

  • זהה ל-grey

  • זהה ל-gray

  • זהה ל-dimgrey

  • זהה ל-dimgray

שחור

שאלות ותשובות

כמה צבעים עם שם יש ב-CSS?

CSS Color 4 מגדיר צבעים עם שם (148 בסך הכול), מ-aliceblue ועד yellowgreen. חלקם שמות נרדפים עם אותו ערך, כמו gray ו-grey או aqua ו-cyan. יש גם את מילות המפתח transparent ו-currentcolor, שאינן צבעים קבועים.

האם gray ו-grey זהים ב-CSS?

כן. לכל שם של אפור יש כתיב grey עם בדיוק אותו ערך, למשל darkgray ו-darkgrey הם שניהם #a9a9a9. שימו לב ש-darkgray בהיר יותר מ-gray, מוזרות שעברה בירושה מרשימת הצבעים של X11.

כדאי להשתמש בשמות צבעים ב-CSS של פרודקשן?

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