מערבל צבעים

color-mix() היא פונקציית CSS שמערבבת שני צבעים במרחב צבע לבחירתכם, למשל color-mix(in oklab, #ff5733, #3b82f6 30%). היא עובדת בכל הדפדפנים העדכניים. לדפדפנים ישנים כדאי להשאיר לפניה צבע רגיל כגיבוי, כמו בקטע הקוד שלמעלה.

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

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