איך לבחור צבעי תמונה וליצור פלטה.

פתח את Image Color Picker והעלה תמונה נתמכת אחת, או נסה את הדוגמה. חילוץ אוטומטי מעלה את המקור לשרת. הדוגמה במדריך זה היא collage-botanical.jpg, תמונה של 1200 x 900 של פרחים, עלים ורקע בצבע אפרסק.

השאר את Colors to extract על 6 ובחר Dominant עבור הדוגמה. Dominant מעדיף את צבעי התמונה העיקריים, בעוד Vibrant נותן להדגשות צבעוניות יותר השפעה. בקשה יכולה להשתמש ב-3 עד 12 צבעים; תמונה עם פחות קבוצות גלויות מובחנות עשויה להחזיר פחות.

תוצאת ה-Dominant בפועל מכילה #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA. הקבוצה הגדולה ביותר היא #E3B49F בכ-28.88% מהפיקסלים הגלויים שנדגמו. החילוץ השתמש בדגימת 512 x 384; אחוזי אלו אינם מפקד מדויק של התמונה ברזולוציה מלאה.

לחץ או הקש על התמונה כדי לבדוק פיקסל עם הזכוכית המגדלת. התמקד בתמונה והשתמש במקשי החצים כדי להזיז פיקסל אחד, Shift פלוס חץ כדי להזיז עשרה, ואז Enter כדי לבחור. העתק HEX, RGB או HSL עם כפתור ההעתקה האישי שלו, או השתמש ב-Add to palette.

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

דגימה ושקיפות מציעים צבע מקור ושילוב על גבי רקע. צבע מקור כולל אטימות בקודים מועתקים כאשר רלוונטי; שילוב מציג את הפיקסל מעורבב על גבי רקע הדגימה הנבחר. דוגמיות הפלטה עצמן הן ערכי RGB אטומים. לצבעים ערוכים ונבחרים אין אחוז מקור משוער.

פתח את 'בדוק ניגודיות צבע'. הגדר טקסט ורקע בעזרת פקדי הצבע, הזן קודי HEX, או השתמש בצבע שנבחר עבור כל צד. דוגמת הטקסט החיה מאפשרת לך להשוות בין השניים, והיחס מלווה בתוצאות נפרדות עבור Normal AA, Normal AAA, Large AA ו-Large AAA.

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

פקד זה בודק רק את זוג הצבעים הזה עבור ניגודיות טקסט. זהו אינו ביקורת נגישות מלאה ואינו קובע אם הטיפוגרפיה, האינטראקציה עם המקלדת או שאר העיצוב שמישים.

להעברה מהירה, העתק קוד בודד או השתמש ב'העתק צבעי פלטה HEX'. עבור קובץ, בחר 'שמור בשם' ובחר 'התחל'. PNG יוצר תמונת פלטה מתויגת; SVG שומר על הדוגמיות והתוויות כתוכן וקטורי; CSS מספק משתני צבע ממוספרים; JSON מכיל ערכי HEX, RGB ו-HSL.

דוגמת ששת הצבעים שלא נערכה מייצאת palette.png ב-600 על 500 פיקסלים ו-9,163 בתים. סדר הדוגמיות שלה תואם לפלטה. הפלטה הסופית שלך עשויה להכיל 1 עד 12 צבעים לאחר עריכה, גם כאשר ספירת ההתחלה האוטומטית הייתה שונה.

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