הבדלים בין גרסאות בדף "ייצוג צבע במחשב"

מ
איחוד צבעי אינטרנט שנכתב על ידי משתמש:Art vandelay
מ (לאחד את צבעי אינטרנט לתוך הערך הזה)
מ (איחוד צבעי אינטרנט שנכתב על ידי משתמש:Art vandelay)
{{לאחד|צבעי אינטרנט|ייצוג צבע במחשב}}
[[תמונה:AdditiveColor.svg|ממוזער]]
'''ייצוג צבע במחשב''' הוא הדרך בה מוגדר [[צבע]]ו של כל [[פיקסל]] במסך כדי לשלוט בתצוגת המחשב.
* הערה: בשפת ה[[HTML]] נהוג לשים את הסימן '#' לפני מספר המייצג צבע בשיטת RRGGBB, כדי להורות למחשב שמדובר בתוי מספר ולא בתוי מילה. כך למשל הצבע הירוק נכתב כך: #00FF00.
 
== שלשות הקסדצימליות ==
== דוגמאות ==
שלשה הקסדצימלית היא שיטת ייצוג צבעים, אשר נמצאת בשימוש בטכנולוגיות דוגמת HTML, CSS, SVG. כל שלשה הקסדצימלית בנויה משש ספרות המייצגות מספר הקסדצימלי בן שלושה בתים, המייצגים את הצבעים אדום, ירוק וכחול אשר מרכיבים את הצבע הסופי:
* בית מס' 1 - צבע אדום.
* בית מס' 2 - צבע ירוק.
* בית מס' 3 - צבע כחול.
כל אחד משלושת הבתים הללו מייצג מספר בטווח שבין 00 ל-FF (ייצוג הקסדצימלי), המקביל לסולם של בין 0 ל-255 בייצוג עשרוני ומגדיר רמת עוצמה לכל צבע. בסך הכל מתקבל עומק צבע של 24-סיביות (Truecolor) ומס' הצבעים המיוצגים בשיטה זו עומד על 16,777,216 = 2<sup>24</sup> = 256<sup>3</sup>.
 
לדוגמה, צבע המורכב מהערכים העשרוניים 36, 104, 160 (אדום, ירוק וכחול בהתאמה), מקבל את הערכים ההקסדצימליים 24, 68 ו-A0 בהתאמה, ומיוצג על ידי השלשה 2468A0.
 
הערה: אם ערך העוצמה של צבע מסוים קטן מ-16, יש להוסיף אפס מוביל לפניו, כך שכל ערך המייצג צבע יורכב משתי ספרות. לדוגמה, הצבע המיוצג על ידי הערכים 4, 8, 16 (עשרוני) מקבל את הערכים 04, 08, 10 (הקסדצימלי) כך שהשלשה המתקבלת הינה 040810.
 
=== דוגמאות ===
* פיקסל אדום ייוצג כך: 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.
|}
 
==צורת כתיבה ב-[[HTML]]==
==רשימת צבעים נפוצים לפי סדר אלפביתי==
ניתן להגדיר צבעים בדפי אינטרנט באמצעות שלשות RGB (אדום-ירוק-כחול) בייצוג [[השיטה העשרונית|עשרוני]] או [[בסיס הקסדצימלי|הקסדצימלי]]. שלשות אלו מייצגות את העוצמה של כל אחד מ[[צבע יסוד|צבעי היסוד]] המרכיבים את הצבע הסופי (לדוגמה - הצבע השחור מורכב מעוצמה מרבית של אדום, ירוק וכחול). אפשרות נוספת הינה שימוש בשמו של הצבע בשפה ה[[אנגלית]]. במקרים רבים, נעשה שימוש בכלי עזר המחולל את הגדרת הצבע לפי בחירת המשתמש מתוך פלטת צבעים.
 
תקן HTML 4.01 מגדיר שישה-עשר שמות צבעים (באנגלית), על פי המפורט בטבלה:
{| cellpadding="2" cellspacing="2"
{| class="wikitable sortable"
|- bgcolor="#ccccff"
! שם
! מראה הצבע
! שלשת הקסא
! RGB
! CMYK
! HSL
|-
! דוגמה !! שם !! שלשה הקסדצימלית !! אדום !! ירוק !! כחול
| [[אדום]]
| bgcolor="#FF0000" |
| dir="ltr" align="left" | #FF0000
| dir="ltr" align="left" | (255, 0, 0)
| dir="ltr" align="left" | (0, 255, 255, 0)
| dir="ltr" align="left" | (0, 100, 100)
|-
| style="background: White"| || לבן (White) || FFFFFF || 100% || 100% || 100%
| [[אוכרה]]
| bgcolor="#DDAA33" |
| dir="ltr" align="left" | #DDAA33
| dir="ltr" align="left" | (221, 170, 51)
| dir="ltr" align="left" | (0, 85, 170, 50)
| dir="ltr" align="left" | (30, 83, 80)
|-
| style="background: Silver"| || כסף (Silver) || C0C0C0 || 75% || 75% || 75%
| [[אינדיגו (צבע)|אינדיגו]]
| bgcolor="#4B0082" |
| dir="ltr" align="left" | #4B0082
| dir="ltr" align="left" | (75, 0, 130)
| dir="ltr" align="left" | (54, 130, 0, 125)
| dir="ltr" align="left" | (275, 100, 51)
|-
| style="background: Gray"| || אפור (Gray) || 808080 || 50% || 50% || 50%
| [[אפור]]
| bgcolor="#7F7F7F" |
| dir="ltr" align="left" | #7F7F7F
| dir="ltr" align="left" | (127, 127, 127)
| dir="ltr" align="left" | (0, 0, 0, 127)
| dir="ltr" align="left" | (0, 0, 100)
|-
| style="background: Black"| || שחור (Black) || 000000 || 0% || 0% || 0%
| [[ארגמן]]
| bgcolor="#7F003F" |
| dir="ltr" align="left" | #7F003F
| dir="ltr" align="left" | (127,0, 63)
| dir="ltr" align="left" | (85, 255, 127, 85)
| dir="ltr" align="left" | (330, 100, 50)
|-
| style="background: Red"| || אדום (Red) || FF0000 || 100% || 0% || 0%
| [[ורוד]]
| bgcolor="#FF007F" |
| dir="ltr" align="left" | #FF007F
| dir="ltr" align="left" | (255, 0, 127)
| dir="ltr" align="left" | (0, 255, 85, 0)
| dir="ltr" align="left" | (330, 100, 100)
|-
| style="background: Maroon"| || בורדו (Maroon) || 800000 || 50% || 0% || 0%
| [[זהב (צבע) |זהב]]
| bgcolor="#FFDF00" |
| dir="ltr" align="left" | #FFDF00
| dir="ltr" align="left" | (255, 223, 0)
| dir="ltr" align="left" | (0, 255, 255, 0)
| dir="ltr" align="left" | (52, 100, 100)
|-
| style="background: Yellow"| || צהוב (Yellow) || FFFF00 || 100% || 100% || 0%
| [[חאקי]]
| bgcolor="#C3B091" |
| dir="ltr" align="left" | #C3B091
| dir="ltr" align="left" | (195, 176, 145)
| dir="ltr" align="left" | (19, 21, 31, 5)
| dir="ltr" align="left" | (26, 75, 170)
|-
| style="background: Olive"| || זית (Olive) || 808000 || 50% || 50% || 0%
| [[חום (צבע)|חום]]
| bgcolor="#7F3F00" |
| dir="ltr" align="left" | #7F3F00
| dir="ltr" align="left" | (127, 63, 0)
| dir="ltr" align="left" | (85, 170, 255, 85)
| dir="ltr" align="left" | (30, 100, 50)
|-
| style="background: Lime"| || ליים (Lime) || 00FF00 || 0% || 100% || 0%
| [[טורקיז (צבע)|טורקיז]]
| bgcolor="#40E0D0" |
| dir="ltr" align="left" | #40E0D0
| dir="ltr" align="left" | (64, 224, 208)
| dir="ltr" align="left" | (182, 0, 18, 31)
| dir="ltr" align="left" | (116, 173, 136)
|-
| style="background: Green"| || ירוק (Green) || 008000 || 0% || 50% || 0%
| [[ירוק]]
| bgcolor="#00FF00" |
| dir="ltr" align="left" | #00FF00
| dir="ltr" align="left" | (0, 255, 0)
| dir="ltr" align="left" | (255, 0, 255, 0)
| dir="ltr" align="left" | (120, 100, 100)
|-
| style="background: Aqua"| || אקווה/מים (Aqua) || 00FFFF || 0% || 100% || 100%
| [[כחול]]
| bgcolor="#0000FF" |
| dir="ltr" align="left" | #0000FF
| dir="ltr" align="left" | (0, 0, 255)
| dir="ltr" align="left" | (255, 255, 0, 0)
| dir="ltr" align="left" | (240, 100, 100)
|-
| style="background: Teal"| || ירוק-כחול (Teal) || 008080 || 0% || 50% || 50%
| [[כסף (צבע)|כסף]]
| bgcolor="#C0C0C0" |
| dir="ltr" align="left" | #C0C0C0
| dir="ltr" align="left" | (192, 192, 192)
| dir="ltr" align="left" | (0, 0, 0, 63)
| dir="ltr" align="left" | (0, 0, 75)
|-
| style="background: Blue"| || כחול (Blue) || 0000FF || 0% || 0% || 100%
| [[כתום]]
| bgcolor="#FF7F00" |
| dir="ltr" align="left" | #FF7F00
| dir="ltr" align="left" | (255, 127, 0)
| dir="ltr" align="left" | (0, 170, 255, 0)
| dir="ltr" align="left" | (30, 100, 100)
|-
| style="background: Navy"| || כחול כהה (Navy) || 000080 || 0% || 0% || 50%
| [[לבן]]
| bgcolor="#FFFFFF" |
| dir="ltr" align="left" | #FFFFFF
| dir="ltr" align="left" | (255, 255, 255)
| dir="ltr" align="left" | (0, 0, 0, 0)
| dir="ltr" align="left" | (0, 0, 100)
|-
| style="background: Fuchsia"| || ורוד ([[פוקסיה]]) (Fuchsia) || FF00FF || 100% || 0% || 100%
| [[מג'נטה]]
| bgcolor="#FF00FF" |
| dir="ltr" align="left" | #FF00FF
| dir="ltr" align="left" | (255, 0, 255)
| dir="ltr" align="left" | (0, 255, 0, 0)
| dir="ltr" align="left" | (300, 100, 100)
|-
| style="background: Purple"| || סגול (Purple) || 800080 || 50% || 0% || 50%
| [[סגול]]
| bgcolor="#7F00FF" |
| dir="ltr" align="left" | #7F00FF
| dir="ltr" align="left" | (127, 0, 255)
| dir="ltr" align="left" | (170, 170, 0, 0)
| dir="ltr" align="left" | (270, 100, 100)
|-
| [[צהוב]]
| bgcolor="#FFFF00" |
| dir="ltr" align="left" | #FFFF00
| dir="ltr" align="left" | (255, 255, 0)
| dir="ltr" align="left" | (0, 0, 255, 0)
| dir="ltr" align="left" | (60, 100, 100)
|-
| [[ציאן]]
| bgcolor="#00FFFF" |
| dir="ltr" align="left" | #00FFFF
| dir="ltr" align="left" | (0, 255, 255)
| dir="ltr" align="left" | (255, 0, 0, 0)
| dir="ltr" align="left" | (180, 100, 100)
|-
| [[קרדינל (צבע)|קרדינל]]
| bgcolor="#C41E3A" |
| dir="ltr" align="left" | #C41E3A
| dir="ltr" align="left" | (196, 30, 58)
| dir="ltr" align="left" | (0, 216, 180, 59)
| dir="ltr" align="left" | (350, 85, 77)
|-
| [[שחור]]
| bgcolor="#000000" |
| dir="ltr" align="left" | #000000
| dir="ltr" align="left" | (0, 0, 0)
| dir="ltr" align="left" | (0, 0, 0, 255)
| dir="ltr" align="left" | (0, 0, 0)
|-
| [[שני (צבע)|שני]]
| bgcolor="#7F0000" |
| dir="ltr" align="left" | #7F0000
| dir="ltr" align="left" | (127, 0, 0)
| dir="ltr" align="left" | (85, 255, 255, 102)
| dir="ltr" align="left" | (0, 100, 50)
|-
| [[תכלת]]
| bgcolor="#007FFF" |
| dir="ltr" align="left" | #007FFF
| dir="ltr" align="left" | (0, 127, 255)
| dir="ltr" align="left" | (170, 127, 0, 0)
| dir="ltr" align="left" | (210, 100, 100)
|}
 
לחליפין, ניתן במקום שם באנגלית לרשום שישיית מספרים בצורת RRGGBB# כמו שמוסבר למעלה (כולל הסימן "#").
==צורת כתיבה ב-[[HTML]]==
בעזרת הפקודה <<span style="color: ColorName;">span style="color: ColorName;">טקסט צבוע</span></span> ניתן לקבוע בכתיבה מילולית צבע טקסט לרשימת הצבעים הבאה:
 
=== צבעי X11 ===
* <span style="color:orange;">orange</span>
דפדפנים שונים מגדירים שמות צבעים נוספים, מעבר למוגדר לעיל. מקור שמות הצבעים הנוספים הוא במערכת החלונות X, והם מכונים "צבעי X11". צבעים אלו מעשירים את מבחר הצבעים המצומצם המוגדר בתקן HTML.
* <span style="color:red;">red</span>
[[דפדפן|דפדפני האינטרנט]] הוותיקים מוזאיק ו[[נטסקייפ|נטסקייפ נוויגיטור]] (בגרסאותיהם הראשונות) עשו שימוש בשמות הצבעים המוגדרים ב[[x11|מערכת החלונות X]] להגדרת צבעים, מכיוון ששניהם פותחו במקור באמצעות מערכת תצוגה זו.
* <span style="color:Crimson;">crimson</span>
* <span style="color:blue;">blue</span>
* <span style="color:green;">green</span>
* <span style="color:yellow;">yellow</span>
* <span style="color:brown;">brown</span>
* <span style="color:silver;">silver</span>
* <span style="color:grey;">grey</span>
* <span style="color:black;">black</span>
* <span style="color:violet;">violet</span>
* <span style="color:pink;">pink</span>
* <span style="color:khaki;">khaki</span>
* <span style="color:cyan;">cyan</span>
* <span style="color:indigo;">indigo</span>
* <span style="color:magenta;">magenta</span>
* <span style="color:purple;">purple</span>
 
לחליפין, ניתן במקום שם באנגלית לרשום שישיית מספרים בצורת RRGGBB# כמו שמוסבר למעלה (כולל הסימן "#").
 
==קישורים חיצוניים==