ייצוג צבע במחשב

ייצוג צבע במחשב הוא הדרך בה מוגדר צבעו של כל פיקסל במסך כדי לשלוט בתצוגת המחשב.

קיימים מספר קידודים לייצוג צבע באופן כמותי. במכשירי מדידה משתמשים בקואורדינטות צבע מדויקות ביותר, לדוגמה LUV או XYZ. בדפוס משתמשים בדרך כלל בשיטה הקרויה CMYK בה יש דיו בארבעה צבעים - ציאן, מג'נטה, צהוב ושחור. תחושת הצבע הנוצרת בעת צפייה בדף המודפס נגרמת מאיסוף האור שמוחזר מהדף. על כל נקודה בדף עשויה להיות מונחת דיו בכמות שונה מכל אחד מארבעת הצבעים, וחלק האור שמוחזר מהדף הוא זה שאינו נבלע על ידי הדיו.

באופן דומה, תחושת הצבע הנוצרת בעת צפייה בצג מחשב נגרמת מאיסוף האור הנפלט משלושה סוגי פיקסלים (אדום, ירוק וכחול) על ידי העין. לכן מכונה השיטה RGB - ראשי תיבות של Red, Green, Blue. הצבע על הצג נקבע על ידי שלוש העוצמות האלה. נהוג לסמן, אם כן, את הצבעים לפי הכמות של אדום, ירוק וכחול שיש לשלב יחד על מנת ליצור את הגוון הדרוש באופן הבא: (R,G,B) כאשר R מייצג את כמות הצבע האדום הדרושה, B את כמות הצבע הכחול וכן הלאה.

ישנן מספר שיטות לסימול העוצמות השונות. בשפת HTML (לעיצוב ממשקים של אתרי אינטרנט) ובמגוון יישומים נוספים מסמנים את הצבע על ידי רצף של שלושה מספרים הקסדצימליים דו ספרתיים, המייצגים את העוצמה היחסית של האור האדום, הירוק והכחול בצבע. בחלק משפות המחשב מוסיפים לפני קוד הצבע את הסימון סולמית (#). בשפות עיליות מסוימות ניתן לשלוט בצבע בקלות יתרה תוך קביעת שם הצבע במקום הגדרה מספרית. למשל, כדי לכתוב טקסט בצבע כתום בשפה שבה נכתבים הערכים בוויקיפדיה, משתמשים בפקודה <span style="color:orange;">orange</span>.

קביעת העוצמות של מרכיבי הצבע השונים נעשית על ידי השמת המספרים השלמים בין 0 ל 255 לכל אחד מן המשתנים R, G ו B, כאשר 0 פירושו לא להאיר בכלל את הפיקסל, ו-255 מסמל הארה במלוא העוצמה. (לעתים מסמנים עוצמה יחסית על ידי חלוקה ב-255, ואז הערכים הם בין 0 ל-1). לשם הנוחות נהוג לתרגם את מספרים אילו לבסיס הקסדצימלי (בסיס 16) בו יש צורך רק ב-2 תווים כדי לייצג מספרים בטווח הנ"ל. באופן זה מקצים לכל אחד משלושת צבעי היסוד (RGB) שני תווים משמאל לימין. בכל צבע הטווח נע מ-00 ל-FF (מ-0 ל-255 בבסיס דצימלי) שמבטאים רוויה של אותו הצבע. מכיוון שבכל מרכיב ניתן ליצור 256 גוונים שונים, מספר הצבעים השונים שניתן לייצג באופן זה הוא 256 בחזקת שלוש שהם 16,777,216 צבעים שונים.

• הערה: בשפת הHTML נהוג לשים את הסימן '#' לפני מספר המייצג צבע בשיטת RRGGBB, כדי להורות למחשב שמדובר בתוי מספר ולא בתוי מילה. כך למשל הצבע הירוק נכתב כך: #00FF00.

דוגמאות

• פיקסל אדום ייוצג כך: R=255, G=0, B=0 או כך: R=FF, G=00, B=00 או בכתיבה מקוצרת: FF0000.
• פיקסל מג'נטה ייוצג כך: R=255, G=0, B=255 או כך: R=FF, G=00, B=FF או בכתיבה מקוצרת: FF00FF.
• פיקסל שחור ייוצג כך: R=0, G=0, B=0 או כך (בכתיבה מקוצרת): 000000.
• פיקסל לבן יוצג כך: R=255, G=255, B=255 או כך (בכתיבה מקוצרת): FFFFFF.

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

טבלה שמדגימה את צבעי היסוד

שחור	000000	מיוצג בששה אפסים
אדום	FF0000	שני תווים ראשונים
ירוק	00FF00	שני תווים אמצעיים
כחול	0000FF	שני תווים אחרונים
לבן	FFFFFF	מיוצג בששה F

טבלה זו מדגימה את טווח הגוונים של צבעי היסוד של המחשב

450000	990000	AA0000	BB0000	CC0000	DD0000	EE0000	FF0000
004500	009900	00AA00	00BB00	00CC00	00DD00	00EE00	00FF00
000045	000099	0000AA	0000BB	0000CC	0000DD	0000EE	0000FF

רשימת צבעים נפוצים לפי סדר אלפביתי

שם	מראה הצבע	שלשת הקסא	RGB	CMYK	HSL
אדום		#FF0000	(255, 0, 0)	(0, 255, 255, 0)	(0, 100, 100)
אוכרה		#DDAA33	(221, 170, 51)	(0, 85, 170, 50)	(30, 83, 80)
אינדיגו		#4B0082	(75, 0, 130)	(54, 130, 0, 125)	(275, 100, 51)
אפור		#7F7F7F	(127, 127, 127)	(0, 0, 0, 127)	(0, 0, 100)
ארגמן		#7F003F	(127,0, 63)	(85, 255, 127, 85)	(330, 100, 50)
ורוד		#FF007F	(255, 0, 127)	(0, 255, 85, 0)	(330, 100, 100)
זהב		#FFDF00	(255, 223, 0)	(0, 255, 255, 0)	(52, 100, 100)
חאקי		#C3B091	(195, 176, 145)	(19, 21, 31, 5)	(26, 75, 170)
חום		#7F3F00	(127, 63, 0)	(85, 170, 255, 85)	(30, 100, 50)
טורקיז		#40E0D0	(64, 224, 208)	(182, 0, 18, 31)	(116, 173, 136)
ירוק		#00FF00	(0, 255, 0)	(255, 0, 255, 0)	(120, 100, 100)
כחול		#0000FF	(0, 0, 255)	(255, 255, 0, 0)	(240, 100, 100)
כסף		#C0C0C0	(192, 192, 192)	(0, 0, 0, 63)	(0, 0, 75)
כתום		#FF7F00	(255, 127, 0)	(0, 170, 255, 0)	(30, 100, 100)
לבן		#FFFFFF	(255, 255, 255)	(0, 0, 0, 0)	(0, 0, 100)
מג'נטה		#FF00FF	(255, 0, 255)	(0, 255, 0, 0)	(300, 100, 100)
סגול		#7F00FF	(127, 0, 255)	(170, 170, 0, 0)	(270, 100, 100)
צהוב		#FFFF00	(255, 255, 0)	(0, 0, 255, 0)	(60, 100, 100)
ציאן		#00FFFF	(0, 255, 255)	(255, 0, 0, 0)	(180, 100, 100)
קרדינל		#C41E3A	(196, 30, 58)	(0, 216, 180, 59)	(350, 85, 77)
שחור		#000000	(0, 0, 0)	(0, 0, 0, 255)	(0, 0, 0)
שני		#7F0000	(127, 0, 0)	(85, 255, 255, 102)	(0, 100, 50)
תכלת		#007FFF	(0, 127, 255)	(170, 127, 0, 0)	(210, 100, 100)

צורת כתיבה ב-HTML

בעזרת הפקודה <span style="color: ColorName;">טקסט צבוע ניתן לקבוע בכתיבה מילולית צבע טקסט לרשימת הצבעים הבאה:

• orange
• red
• crimson
• blue
• green
• yellow
• brown
• silver
• grey
• black
• violet
• pink
• khaki
• cyan
• indigo
• magenta
• purple

לחליפין, ניתן במקום שם באנגלית לרשום שישיית מספרים בצורת RRGGBB# כמו שמוסבר למעלה (כולל הסימן "#").

קישורים חיצוניים

• רשימת הצבעים האפשריים להצגה
• אתר לבחירת צבעים
• אתר המציג ומאפשר בחירה ובדיקה של צבעים