מהו מיקסר צבע?
מערבל צבעים ממזג שני צבעים לאחד חדש ומראה לך את התוצאה ב-HEX, RGB ו-HSL. אתה נותן לו צבע ראשון וצבע שני בכל תחביר נפוץ (קוד hex כמו #4466EE, ערך rgb () או hsl (), או שם CSS כמו אלמוג), בחר כמה מהצבע השני להתקפל, והוא מחשב את הצבע המעורב באופן מיידי. זה גם בונה שיפוע של שלבי ביניים בין שני הצבעים, כך שתוכל לראות את כל המעבר ולא נקודת אמצע אחת.
רצועת השיפוע משמשת כתרשים מערבל צבעים. Enter #FF0000 ו-#0000FF, set Gradient steps to 3 and press Mix Colors: הרצועה מציגה חמש דוגמיות, #FF0000, #BF0040, #800080, #4000BF ו-#0000FF, והתוצאה המעורבת ביחס של 50% היא #800080. כמערבל צבעים ראשוני הוא מערבב אור, לא צבע. אדום וצהוב נותנים כתום #FF8000, אבל כחול וצהוב נותנים אפור #808080 ולא הירוק שקופסת צבע תיתן. אין תצוגת מערבל גלגל צבעים, רק שני הצבעים שאתה מזין והשלבים ביניהם.
התמהיל הפשוט הוא ממוצע משוקלל: ביחס של 50 אחוז כל צבע תורם באופן שווה, והכלי משלב כל ערוץ אדום, ירוק וכחול באופן ליניארי בין שתי הכניסות. החלק את היחס לכיוון 0 ואתה שומר על הצבע הראשון; החלק אותו לכיוון 100 ואתה נוחת על השני. זו אותה מתמטיקה ש-CSS משתמש בה עבור שיפוע של שתי עצירות, וזו הסיבה שנקודת האמצע של שיפוע אדום לכחול היא הסגולה שהכלי הזה מדווח.
מעבר לתערובת רגילה, המיקסר מציע שישה מצבי תערובת הניתנים להפרדה המוגדרים במפרט W3C Compositing and Blending (ריבוי, מסך, שכבת-על, כהה, הבהרה והבדל) בתוספת ממוצע פשוט אלו הן אותן פעולות שעורכי תמונות כמו פוטושופ ו-GIMP מיישמים בין שכבות. Multiply תמיד מתכהה (אדום כפול כחול הוא שחור), המסך תמיד מתבהר (אדום על כחול הוא מגנטה), וההבדל נותן לך את המרחק ערוץ אחר ערוץ בין שני צבעים. היחס פועל אז כמו אטימות שכבה, שולט באיזו עוצמה התוצאה המשולבת מוחלת על הצבע הראשון.
הכל פועל צד לקוח בדפדפן שלך הצבעים שאתה מזין לעולם לא יוצאים מהכרטיסייה, ומכיוון שמתמטיקה הצבע היא אריתמטית פשוטה, הכלי עובד במצב לא מקוון לאחר טעינת הדף מעצבים מגיעים למיקסר כדי למצוא צבע באמצע הדרך בין ראשי מותג לנייטרלי, כדי לבנות סולמות גוון והדגשה, או כדי להציג תצוגה מקדימה כיצד שתי שכבות ישתלבו לפני התחייבות בקובץ עיצוב מפתחים משתמשים בו כדי ליצור עצירות שיפוע, לחשב מצבי ריחוף ולתרגם תוצאה מעורבת ישר לערך HEX או HSL שהם יכולים להדביק לתוך CSS.
כיצד להשתמש במיקסר הצבעים?
הזן שני צבעים
הקלד או הדבק את הצבע הראשון והשני שלך. כל אחד מקבל קוד hex, ערך rgb () או hsl (), או שם צבע CSS, ותוכל להשתמש בדוגמיות כדי לבחור חזותית.
בחר מצב מיזוג
התחל עם מיקס עבור תערובת משוקללת רגילה, או בחר הכפל, מסך, שכבת-על, הכהה, הבהיר, הבדל או ממוצע כדי לשלב את הצבעים כפי ששכבת עורך תמונות תעשה.
התאם את היחס
גרור את מחוון היחס כדי לשלוט בכמה מהצבע השני (או תוצאת התערובת) מוחל על הראשון. חמישים אחוז הם תערובת אחידה. לחץ על מיקס צבעים כדי לראות את התוצאה לאחר כל שינוי.
העתק את התוצאה או עצירת שיפוע
העתק את הצבע המעורב כ-HEX, RGB או HSL, או תפוס כל דוגמית מרצועת השיפוע בין שני הצבעים כדי להשתמש בה כמעצור ביניים.
תכונות מפתח
שמונה מצבי מיזוג
מיקס רגיל, מצבי W3C הניתנים להפרדה מכפילים, מסך, שכבת-על, מכהים, מבהירים ומשונים, וממוצע פשוט
יחס מתכוונן
מחוון שולט במשקל התערובת מ-0 עד 100, כך שתוכל למצוא כל נקודה בין שני הצבעים
שיפוע בין צבעים
ראה רצועה של שלבי ביניים מצבע אחד לצבע שני, כל אחד מוכן להעתקה כעצירה
פלט HEX, RGB ו-HSL
התוצאה המעורבת מוצגת בכל שלושת הפורמטים וכל דוגמית שיפוע כ-HEX, כך שתוכל להדביק אותה ישר לתוך CSS
Frequently Asked Questions
Related Tools
Color Converter
Convert color codes between HEX, RGB, HSL, HWB, and CMYK instantly
Color Palette Generator
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX codes you can copy and a CSS variables export.
Color Picker & Converter
Pick colors and convert between HEX, RGB, and HSL formats
Color Shades Generator
Generate tints, shades, and tones from any base color
Comments
0 comments
No comments yet. Be the first to share your thoughts!