# גמוט צבעים בהסבר פשוט: sRGB, Display P3 וצבעים מחוץ לגמוט

גמוט הוא אוסף הצבעים שמסך או מרחב צבע יכולים להציג. הרשת נבנתה על sRGB, אבל רוב הטלפונים ומחשבים ניידים רבים מציגים היום Display P3, עם אדומים, ירוקים וכתומים חיים יותר באופן מורגש.

מקור: https://pickshade.com/he/gamut
עודכן: 2026-09-28

## מה זה גמוט

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

## sRGB, Display P3 ו-Rec. 2020

sRGB הוא ברירת המחדל של הרשת ושל רוב המסכים שנמכרו לפני 2016. HEX, rgb() ו-hsl() מתארים כולם צבעי sRGB.

Display P3 מכסה בערך רבע יותר צבעים מ-sRGB, בעיקר ירוקים, אדומים וכתומים חיים. הוא נמצא באייפונים, באייפדים, במחשבי Mac ובהרבה טלפוני Android ומחשבים ניידים מתקדמים. ב-CSS כותבים אותו כ-color(display-p3 r g b) או כערך OKLCH עם כרומה גבוהה.

Rec. 2020 גדול עוד יותר ומשמש לווידאו HDR. מעט מאוד מסכים מכסים אותו במלואו.

| פורמט | ערך |
| --- | --- |
| HEX | #ff5733 |
| Display P3 | color(display-p3 0.92577 0.38907 0.25797) |
| OKLCH | oklch(68.036% 0.21001 33.692) |
| Rec. 2020 | color(rec2020 0.81266 0.37868 0.19735) |

## מה קורה לצבעים שמחוץ לגמוט

אם צבע ב-CSS נמצא מחוץ לגמוט של המסך, הדפדפן צריך להציג משהו אחר. חיתוך פשוט (clipping) קוטם כל ערוץ בגבול ועלול לשנות את הגוון. CSS Color 4 ממליץ במקום זאת על מיפוי גמוט ב-OKLCH: לשמור על הבהירות והגוון ולהוריד את הכרומה עד שהצבע נכנס לגמוט.

PickShade מסמן כל צבע שנופל מחוץ ל-sRGB ומציג את הצבע החלופי אחרי המיפוי, כך שיודעים בדיוק מה יראו אנשים עם מסכים ישנים יותר.

## שימוש בטוח בצבעי P3 ב-CSS

כותבים קודם ערך sRGB חלופי ורק אחריו את הערך עם הגמוט הרחב, או עוטפים את הצבע החי בשאילתת מדיה color-gamut.

```css
.button {
    background: #ff5733;
    background: oklch(68% 0.24 33.7);
}

@media (color-gamut: p3) {
    .hero {
        color: color(display-p3 1 0.3 0.15);
    }
}
```

## שאלות ותשובות

### איך יודעים אם צבע נמצא בתוך sRGB?

מדביקים אותו ב-PickShade. כל צבע שמחוץ ל-sRGB מקבל אזהרת גמוט יחד עם הצבע הקרוב ביותר שנכנס אליו.

### האם צבעי P3 עובדים ב-Windows?

כן, אם המסך מכסה את P3 והדפדפן מכיר את פרופיל התצוגה. במסך sRGB הדפדפן ממפה את הצבע לתוך sRGB, כך ששום דבר לא נשבר.

### האם HEX מוגבל ל-sRGB?

כן. HEX, rgb(), hsl() ו-hwb() תמיד מתארים צבעי sRGB. לצבעים בגמוט רחב משתמשים ב-oklch() או ב-color(display-p3 ...).

## כלים

- [ממיר HEX ל-Display P3](https://pickshade.com/he/convert/hex-to-p3)
- [בוחר צבעים OKLCH עם אזהרת גמוט](https://pickshade.com/he)
- [OKLCH בהסבר פשוט](https://pickshade.com/he/oklch)

## מדריכים קשורים

- [OKLCH בהסבר פשוט: פורמט הצבע שסוף סוף תואם את העין](https://pickshade.com/he/oklch)
- [color-mix() וצבעים יחסיים ב-CSS: הבהרות, hover ושקיפות](https://pickshade.com/he/css-color-mix)
- [פורמטי צבע בהסבר פשוט: HEX, RGB, HSL, OKLCH וכל השאר](https://pickshade.com/he/color-formats)