0

מצא את הצבע הדומיננטי של תמונה - באינטרנט

חלץ את לוח הצבעים האמיתי של כל תמונה בדפדפן שלך: קוונטיזציה בחיתוך חציון מוצא 3-12 צבעי מפתח עם קודי HEX, משתני CSS ויצוא JSON.

🧵

גרור ושחרר תמונה

מעבד... 0%
קורא קובץ תמונה
הפחתת קנה המידה של פיקסלים
הפעלת קוונטיזציה בחיתוך חציוני
בניית הפלטה

תוצאה

Preview Output

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

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

מכיוון שהכלי מחשב את הצבע על ידי ממוצע של אשכול הפיקסלים הגדול ביותר במקום בחירת פיקסל אחד, התשובה היא יציבה - רעש, חפצי JPEG והדגשות קטנות לא מניעים אותו. הכל פועל באופן מקומי בדפדפן שלך ללא העלאה. צריך את התמונה המלאה יותר? העבר את הבורר ל-3-12 צבעים וקבל את הפלטה המלאה עם ייצוא CSS ו-JSON.