ייצוג צבע במחשב – הבדלי גרסאות
תוכן שנמחק תוכן שנוסף
מ לאחד את צבעי אינטרנט לתוך הערך הזה |
מ איחוד צבעי אינטרנט שנכתב על ידי משתמש:Art vandelay |
||
שורה 1:
[[תמונה:AdditiveColor.svg|ממוזער]]
'''ייצוג צבע במחשב''' הוא הדרך בה מוגדר [[צבע]]ו של כל [[פיקסל]] במסך כדי לשלוט בתצוגת המחשב.
שורה 14 ⟵ 13:
* הערה: בשפת ה[[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.
שורה 57 ⟵ 67:
|}
==צורת כתיבה ב-[[HTML]]==
ניתן להגדיר צבעים בדפי אינטרנט באמצעות שלשות RGB (אדום-ירוק-כחול) בייצוג [[השיטה העשרונית|עשרוני]] או [[בסיס הקסדצימלי|הקסדצימלי]]. שלשות אלו מייצגות את העוצמה של כל אחד מ[[צבע יסוד|צבעי היסוד]] המרכיבים את הצבע הסופי (לדוגמה - הצבע השחור מורכב מעוצמה מרבית של אדום, ירוק וכחול). אפשרות נוספת הינה שימוש בשמו של הצבע בשפה ה[[אנגלית]]. במקרים רבים, נעשה שימוש בכלי עזר המחולל את הגדרת הצבע לפי בחירת המשתמש מתוך פלטת צבעים.
תקן HTML 4.01 מגדיר שישה-עשר שמות צבעים (באנגלית), על פי המפורט בטבלה:
{| class="wikitable sortable"
|-
! דוגמה !! שם !! שלשה הקסדצימלית !! אדום !! ירוק !! כחול
|-
| style="background: White"| || לבן (White) || FFFFFF || 100% || 100% || 100%
|-
| style="background: Silver"| || כסף (Silver) || C0C0C0 || 75% || 75% || 75%
|-
| style="background: Gray"| || אפור (Gray) || 808080 || 50% || 50% || 50%
|-
| style="background: Black"| || שחור (Black) || 000000 || 0% || 0% || 0%
|-
| style="background: Red"| || אדום (Red) || FF0000 || 100% || 0% || 0%
|-
| style="background: Maroon"| || בורדו (Maroon) || 800000 || 50% || 0% || 0%
|-
| style="background: Yellow"| || צהוב (Yellow) || FFFF00 || 100% || 100% || 0%
|-
| style="background: Olive"| || זית (Olive) || 808000 || 50% || 50% || 0%
|-
| style="background: Lime"| || ליים (Lime) || 00FF00 || 0% || 100% || 0%
|-
| style="background: Green"| || ירוק (Green) || 008000 || 0% || 50% || 0%
|-
| style="background: Aqua"| || אקווה/מים (Aqua) || 00FFFF || 0% || 100% || 100%
|-
| style="background: Teal"| || ירוק-כחול (Teal) || 008080 || 0% || 50% || 50%
|-
| style="background: Blue"| || כחול (Blue) || 0000FF || 0% || 0% || 100%
|-
| style="background: Navy"| || כחול כהה (Navy) || 000080 || 0% || 0% || 50%
|-
| style="background: Fuchsia"| || ורוד ([[פוקסיה]]) (Fuchsia) || FF00FF || 100% || 0% || 100%
|-
| style="background: Purple"| || סגול (Purple) || 800080 || 50% || 0% || 50%
|-
|}
לחליפין, ניתן במקום שם באנגלית לרשום שישיית מספרים בצורת RRGGBB# כמו שמוסבר למעלה (כולל הסימן "#").
=== צבעי X11 ===
דפדפנים שונים מגדירים שמות צבעים נוספים, מעבר למוגדר לעיל. מקור שמות הצבעים הנוספים הוא במערכת החלונות X, והם מכונים "צבעי X11". צבעים אלו מעשירים את מבחר הצבעים המצומצם המוגדר בתקן HTML.
[[דפדפן|דפדפני האינטרנט]] הוותיקים מוזאיק ו[[נטסקייפ|נטסקייפ נוויגיטור]] (בגרסאותיהם הראשונות) עשו שימוש בשמות הצבעים המוגדרים ב[[x11|מערכת החלונות X]] להגדרת צבעים, מכיוון ששניהם פותחו במקור באמצעות מערכת תצוגה זו.
==קישורים חיצוניים==
|