מיקסר צבע

מערבל צבעים ממזג שני צבעים לאחד חדש ומראה לך את התוצאה ב-HEX, RGB ו-HSL. אתה נותן לו צבע ראשון וצבע שני בכל תחביר נפוץ (קוד hex כמו #4466EE, ערך rgb () או hsl (), או שם CSS כמו אלמוג), בחר כמה מהצבע השני להתקפל, והוא מחשב את הצבע המעורב באופן מיידי. זה גם בונה שיפוע של שלבי ביניים בין שני הצבעים, כך שתוכל לראות את כל המעבר ולא נקודת אמצע אחת.

התמהיל הפשוט הוא ממוצע משוקלל: ביחס של 50 אחוז כל צבע תורם באופן שווה, והכלי משלב כל ערוץ אדום, ירוק וכחול באופן ליניארי בין שתי הכניסות. החלק את היחס לכיוון 0 ואתה שומר על הצבע הראשון; החלק אותו לכיוון 100 ואתה נוחת על השני. זו אותה מתמטיקה ש-CSS משתמש בה עבור שיפוע של שתי עצירות, וזו הסיבה שנקודת האמצע של שיפוע אדום לכחול היא הסגולה שהכלי הזה מדווח.

מעבר לתערובת רגילה, המיקסר מציע את מצבי התערובת הניתנים להפרדה המוגדרים במפרט W3C Compositing and Blending: כפל, מסך, שכבת-על, הכהה, הבהרה, הבדל וממוצע אלו הן אותן פעולות שעורכי תמונות כמו פוטושופ ו-GIMP מיישמים בין שכבות כפל תמיד מתכהה (אדום כפול כחול הוא שחור), מסך תמיד מתבהר (אדום על כחול הוא מגנטה), וההבדל נותן לך את המרחק ערוץ אחר ערוץ בין שני צבעים היחס פועל אז כמו אטימות שכבה, שולט באיזו עוצמה התוצאה המשולבת מוחלת על הצבע הראשון.

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