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

מתוך ויקיפדיה, האנציקלופדיה החופשית

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

הגדל

קיימים מספר קידודים לייצוג צבע באופן כמותי. במכשירי מדידה משתמשים בקואורדינטות צבע מדויקות ביותר, לדוגמה 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)
טורקיז #00C3C3 (0, 195, 195) (170, 0, 85, 0) (180, 100, 75)
ירוק #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: orange">orange</span> ניתן לקבוע בכתיבה מילולית צבע טקסט לרשימת הצבעים הבאה:

  • orange
  • red
  • crimson
  • blue
  • green
  • yellow
  • brown
  • grey
  • black
  • violet
  • pink
  • khaki
  • turquoise
  • indigo

[עריכה] ראו גם

עזרה:צבעים - כולל הסבר למציאת קודי צבעים, ושימוש בצבעים בוויקיפדיה.

[עריכה] קישורים חיצוניים

רשימת הצבעים האפשריים להצגה

שפות אחרות