בורר צבעים מתמונה

בורר צבעים מתמונה זה עונה על שאלה פשוטה ושכיחה: איזה צבע בדיוק יש לפיקסל הזה? העלה או גרור פנימה תמונה, צילום מסך או תוצר ייצוא של תוכנת עיצוב, והכלי מצייר אותה על קנבס מדויק ברמת הפיקסל. הזז את הסמן וזכוכית מגדלת עוקבת אחריו, ומגדילה את 11×11 הפיקסלים שמתחתיו כך שתוכל לכוון בדיוק מרבי; הערכים שמתחת לסמן מוצגים בזמן אמת. לחיצה אחת, והצבע נוחת בשלושה כרטיסים – HEX ל-CSS‏, RGB לקוד, HSL לכוונון בהירות – כל אחד עם כפתור העתקה משלו.

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

הכלי בנוי על ה-canvas API של הדפדפן ורץ כולו במכשיר שלך: התמונה לעולם אינה מועלית, אין תור ואין צורך בחשבון, ואפילו סקיצות סודיות או מסמכים חסויים בטוחים לבדיקה. הוא עובד עם כל פורמט תמונה שהדפדפן שלך מסוגל לפתוח, לרבות PNG‏, JPG‏, WebP‏, GIF ו-SVG.

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