איך להשתמש בו
- בחר תמונה או גרור אותה לתיבה.
- הזז את המצביע מעל התמונה; הזכוכית המגדלת מציגה את הפיקסלים סביבו.
- לחץ או הקש כדי לבחור את הצבע ולהעתיק אותו כ-HEX, RGB או HSL.
- גלול מטה לצבעים הדומיננטיים, בחר כמה תרצה, והעתק אותם או הורד אותם כמשתני CSS.
איך זה עובד
התמונה מצוירת על גבי קנבס בדפדפן שלך, וצבע הפיקסל המדויק שמתחת למצביע נקרא ממנו. הזכוכית המגדלת מציגה אזור של 11 × 11 פיקסלים מוגדל, כאשר הפיקסל שנבחר מסומן במסגרת. תמונות הגדולות מ־4096 פיקסלים בכל צד מוקטנות תחילה, כך שבתמונות גדולות מאוד פיקסל נבחר הוא ממוצע של כמה פיקסלים מקוריים.
הצבעים הדומיננטיים נמצאים באמצעות אשכול k-means: תחילה הפיקסלים מקובצים ל־32,768 דליי צבע קטנים, ואז הדליים ממוזגים למספר הצבעים שתבחרו, משוקלל לפי כמות הפיקסלים בכל דלי. נקודות ההתחלה נבחרות באופן דטרמיניסטי, כך שאותה תמונה תמיד נותנת את אותה פלטה.
הצבעים נקראים במרחב sRGB שבו הדפדפן משתמש לתצוגה. אם לתמונה יש פרופיל צבע רחב-טווח מוטמע, הערכים עשויים להיות שונים מעט ממה שמציג עורך תמונות. בדפדפנים שתומכים בכך (Chrome ו־Edge במחשב שולחני), הכפתור 'בחירה מהמסך' משתמש ב־EyeDropper המובנה כדי לקחת צבע מכל מקום על המסך.
דוגמאות
התאמת צבע מותג
העלה צילום מסך של לוגו, לחץ על הצבע הראשי שלו והעתק את #1a73e8 או rgb(26, 115, 232) אל ה-CSS שלך.
פלטת צבעים מתמונה
תמונת חוף ים שמפוצלת ל־6 צבעים נותנת גווני חול, ים ושמיים, כל אחד עם חלקו בתמונה, ממוינים מהגדול לקטן.
בדיקת גוון
התקרב עם הזכוכית המגדלת כדי לבחור את הפיקסל המדויק של קו דק, ולא את הקצה המוחלק שלידו.
שאלות נפוצות
מדוע הצבע שונה מעט מעורך התמונות שלי?
דפדפנים ממירים תמונות ל־sRGB לצורך תצוגה. תמונות עם פרופיל רחב-טווח (Display P3, Adobe RGB) עשויות להציג ערכים מעט שונים בעורך ששומר על הפרופיל המקורי.
מדוע חסר הכפתור 'בחירה מהמסך'?
הדבר דורש את EyeDropper API, שרק חלק מהדפדפנים תומכים בו, כיום Chrome ו־Edge במחשב שולחני. בחירה מהתמונה שהועלתה עובדת בכל מקום.
כיצד נבחרים הצבעים הדומיננטיים?
באמצעות אשכול k-means של כל הפיקסלים, משוקלל לפי תדירות ההופעה של כל צבע. פרטים קטנים אך בולטים עלולים להתמזג לצבע קרוב גדול יותר; הגדילו את מספר הצבעים כדי להפריד ביניהם.
האם התמונה מועלית?
לא. התמונה מפוענחת ומנותחת על ידי הדף הזה בדפדפן שלך ולעולם לא עוזבת את המכשיר שלך.
פרטיות
התמונה מעובדת כולה בדפדפן שלך. היא אינה מועלית, והצבעים שנבחרו אינם נשלחים או מאוחסנים.