קיימות כמה שיטות להגדיר צבע ב-CSS חלקם על ידי מילים חלקם על ידי ערכים הקסדצימלים וחלקם על ידי פונקציות.
צבעי rgb כשמם (Red, Green, Blue) מורכבים מהגדרה של שלושה צבעים אדום ירוק וכחול. כל צבע מוגדר בערך מ 0 עד 255 ומועבר למאפיין ה CSS על ידי פונקציה הכוללת את ערכי שלושת הצבעים.
דוגמא: rgb(255, 192, 203) מגדיר את הצבע ורוד.
צבעיrgba זהים בהגדרתם לצבעי rgb אך כוללים פרמטר נוסף (רביעי) של שקיפות לרקע עליו מוצג הצבע המוגדר. הערכים של פרמטר זה נעים בין 0 ל 1 בשבר עשרוני כאשר ב 0 הוא שקוף וב 1 תצוגתו מלאה.
דוגמא: rgb(255, 192, 203, 0.5) מגדיר צבע ורוד שיוצג רק בחצי שקיפות.
צבעי hex בעצם זהים לצבעי rgb אך הערך המספרי מתורגם לערך הקסדצימלי ומוצג כמחרוזת (ללא פונקציה) עם קידומת של הסימן `#`.
דוגמא: #ffc0cb מגדיר את הצבע ורוד.
צבעי hexa בעצם זהים לצבעי hex אך כוללים שתי תווים נוספים של שקיפות לרקע עליו מוצג הצבע המוגדר. הערכים נעים בין 00 ל FF הקסדצימלי.
דוגמא: 80#ffc0cb מגדיר שהצבע ורוד יוצג רק בחצי שקיפות.
צבעי hsl וצבעי hsla עם אפקט השקיפות יטופלו בשלב אחר ואינם נחוצים בשלב זה ללימוד השימוש בפונקצות ה CSS.
בטבלה שלפניכם יש רשימת צבעים עם סוגי ההגדרה השונים.