ייצוג צבע במחשב – הבדלי גרסאות
מ ויקינתונים |
אין תקציר עריכה |
||
שורה 1: | שורה 1: | ||
[[תמונה: |
[[תמונה:AdditiveColor.svg|ממוזער]] |
||
'''ייצוג צבע במחשב''' הוא הדרך בה מוגדר [[צבע]]ו של כל [[פיקסל]] במסך כדי לשלוט בתצוגת המחשב. |
'''ייצוג צבע במחשב''' הוא הדרך בה מוגדר [[צבע]]ו של כל [[פיקסל]] במסך כדי לשלוט בתצוגת המחשב. |
||
גרסה מ־12:49, 20 במאי 2013
ייצוג צבע במחשב הוא הדרך בה מוגדר צבעו של כל פיקסל במסך כדי לשלוט בתצוגת המחשב.
קיימים מספר קידודים לייצוג צבע באופן כמותי. במכשירי מדידה משתמשים בקואורדינטות צבע מדויקות ביותר, לדוגמה LUV או XYZ. בדפוס משתמשים בדרך כלל בשיטה הקרויה CMYK בה יש דיו בארבעה צבעים - ציאן, מג'נטה, צהוב ושחור. תחושת הצבע הנוצרת בעת צפייה בדף המודפס נגרמת מאיסוף האור שמוחזר מהדף. על כל נקודה בדף עשויה להיות מונחת דיו בכמות שונה מכל אחד מארבעת הצבעים, וחלק האור שמוחזר מהדף הוא זה שאינו נבלע על ידי הדיו.
באופן דומה, תחושת הצבע הנוצרת בעת צפייה בצג מחשב נגרמת מאיסוף האור הנפלט משלושה סוגי פיקסלים (אדום, ירוק וכחול) על ידי העין. לכן מכונה השיטה RGB - ראשי תיבות של Red, Green, Blue. הצבע על הצג נקבע על ידי שלוש העוצמות האלה. נהוג לסמן, אם כן, את הצבעים לפי הכמות של אדום, ירוק וכחול שיש לשלב יחד על מנת ליצור את הגוון הדרוש באופן הבא: (R,G,B) כאשר R מייצג את כמות הצבע האדום הדרושה, B את כמות הצבע הכחול וכן הלאה.
ישנן מספר שיטות לסימול העוצמות השונות. בשפת 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# כמו שמוסבר למעלה (כולל הסימן "#").
קישורים חיצוניים
צבעים וייצוגם במחשב | ||
---|---|---|
גוני אפור | לבן • כסף • אפור • שחור | |
צבעי היסוד ב-RGB | אדום • ירוק • כחול | |
צבעים שניוניים | ציאן • צהוב • מג'נטה | |
צבעים שלישוניים | כתום • תרוג • ירוק אביב • תכלת • סגול • ורוד שושנה | |
פיגמנטי צביעה | אוכרה • ספיה • כחול פרוסי • וירידיאן • אולטראמרין | |
שונות | אינדיגו • ענבר • חום • זהב • נחושת • ארגמן • ורוד • שני • בורדו • בורגונדי • בז' • חאקי • טורקיז • ערמון • פנטון 448c • קרדינל • כתום בטיחותי • ירוק זית |