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

מתוך ויקיפדיה, האנציקלופדיה החופשית
קפיצה אל: ניווט, חיפוש
AdditiveColor.svg

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

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

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

ישנן מספר שיטות לסימול העוצמות השונות. בשפת HTML (לעיצוב ממשקים של אתרי אינטרנט) ובמגוון יישומים נוספים מסמנים את הצבע על ידי רצף של שלושה מספרים הקסדצימליים דו ספרתיים, המייצגים את העוצמה היחסית של האור האדום, הירוק והכחול בצבע. בחלק משפות המחשב מוסיפים לפני קוד הצבע את הסימון סולמית (#). בשפות עיליות מסוימות ניתן לשלוט בצבע בקלות יתרה תוך קביעת שם הצבע במקום הגדרה מספרית. למשל, כדי לכתוב טקסט בצבע כתום בשפה שבה נכתבים הערכים בוויקיפדיה, משתמשים בפקודה

<span style="color: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# כמו שמוסבר למעלה (כולל הסימן "#").

קישורים חיצוניים[עריכת קוד מקור | עריכה]


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

לבןאפורשחור
אדוםכתוםצהובירוקכחולסגול
חוםזהבכסףנחושתארגמןציאןמג'נטהאינדיגואוכרהתכלתורודשניבורדובורגונדיחאקי