כלים95

צור משהו נהדר

דוגם צבעים מתמונה.

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

פרסומות
סביבת העבודה של התמונות שלך
עיבוד שרת זמני
או גרור ושחרר לכאן
JPG, JPEG, PNG, WEBP, GIF, BMP, TIF, TIFF, HEIC, HEIF
בחר את התמונה שלך כדי להתחיל.תמונה
פרסומות
בלוג איך לבחור צבעי תמונה וליצור פלטה קרא את המדריך

בחר צבעי תמונה ובנה פלטה שתוכל להשתמש בה

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

תמונה מספקת דגימות צבע בודדות ופלטה שניתן לעדן ולייצא.
מדריך וידאו מהיר How to pick an image color and export a palette Upload an image, inspect a pixel with the magnifier, add its color to the extracted palette, select Start and download a PNG palette. קריינות באנגלית צפה בסרטון

How to pick an image color and export a palette

תכונות ובקרות

בחר פיקסל עם תצוגה מוגדלת

לחץ או הקש על התמונה כדי לבדוק צבע, ולאחר מכן העתק את הקוד שלו.

מיקום מדויק ומגבלות תצוגה מקדימה

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

חלץ פלטת התחלה שימושית

בחר 3 עד 12 צבעים לחילוץ ונסה את Dominant או Vibrant.

כיצד מוערכים צבעים ואחוזים

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

שמור, החלף וסדר מחדש את הצבעים שלך

נעל דוגמיות שימושיות, ערוך את ערכי ה-HEX שלהן או הוסף צבע שנבחר או מותאם אישית.

עידון פלטה לפני ייצוא

בחר דוגמית כדי לערוך את הצבע שלה, להזיז אותה שמאלה או ימינה, או להסיר אותה. Lock שומר צבע נבחר כאשר אתה משתמש ב-Refresh palette או משנה את הגדרות החילוץ. Add to palette משתמש בצבע ה-RGB שנדגם; Add a custom color מאפשר לך להזין ערך HEX. פלטה יכולה להכיל 1 עד 12 צבעים לייצוא. צבעים שנבחרו, נערכו וננעלו אינם מקבלים אחוזי תמונה מומצאים.

הבנת פיקסלים שקופים

בחר Source color או Composite over a background תחת Sampling.

שקיפות מקור וצבעים מיוצאים

Source color מדווח על הפיקסל שנבחר והשקיפות שלו בקוד המועתק. Composite over a background מציג את המראה שלו לאחר מיזוג עם Sample background. צבעי פלטה וייצואים הם ערכי RGB אטומים, לכן הוספת צבע מקור שקוף אינה שומרת על ערוץ האלפא שלו. מצב דגימה משנה את הצבע שנבדק; הוא אינו צובע מחדש את תמונת המקור או משנה חילוץ אוטומטי.

בדוק זוג טקסט ורקע

השתמש ב-Check color contrast כדי להשוות בין שני צבעים.

מה מכסה תוצאת הניגודיות

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

ייצוא צבעים לשלב הבא

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

PNG, SVG, CSS ו-JSON

PNG מייצר כרטיס פלטה עם תווית. SVG שומר את הדוגמיות והתוויות כתוכן וקטורי. CSS מייצא משתנים ממוספרים כגון --color-1. JSON מכיל ערכי HEX, RGB ו-HSL. בחר Save as ולאחר מכן Start כדי ליצור קובץ אחד בשם palette עם הסיומת שנבחרה. העתקת צבע או את כל פלטת ה-HEX יכולה להיות מהירה יותר כאשר אתה צריך רק ערכים.

קבצים ועיבוד

קלט
JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, HEIC ו-HEIF
פלט
פלטת PNG, SVG, CSS או JSON אחת

25 MB מקסימום לכל קובץ. קובץ קלט אחד לכל הרצה.

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

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

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

עבור תוצאת תמונה, השתמש ב'המשך' מתחת לתוצאות ההורדה כדי לבחור צעד הבא תואם. באפשרותך לבחור אילו תמונות להעביר; הכלי הבא מתחיל עם הגדרות משלו.

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

שאלות נפוצות

טוב לדעת.

כמה תשובות לפני שמתחילים.

עיבוד שרת זמני
האם אני יכול לקבל HEX, RGB ו-HSL מתמונה?

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

מה ההבדל בין Dominant ל-Vibrant?

Dominant מדגיש צבעי תמונה נפוצים. Vibrant נותן השפעה רבה יותר להדגשות צבעוניות. שניהם קירובים שנדגמו, ואף אחד מהם לא מבטיח למצוא צבע מותג מסוים באופן אוטומטי.

מדוע בקשה לשישה צבעים מחזירה פחות צבעים?

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

האם אני יכול לשמור צבע בזמן רענון הפלטה?

כן. בחר את הדוגמית שלו והשתמש ב-Lock color. אתה יכול גם להוסיף ערך HEX מותאם אישית, לסדר מחדש את הדוגמיות או להסיר צבעים לפני הייצוא.

האם הכל נשאר בדפדפן שלי?

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

פרסומות

שפה38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

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