How do I pick a colour from an image?

Open your image, then click the spot you are interested in. The colour at that pixel appears as HEX, RGB and HSL with copy buttons.

Does it extract a colour palette too?

Yes. When the image loads, the tool shows a palette of the most common colours. Click a swatch to copy its HEX.

Is my image uploaded to read its colours?

No. The picture is drawn onto a canvas in your browser and the values are read from there. The file is never sent to a server.

What is the difference between HEX, RGB and HSL?

They are three ways to write the same colour: HEX for CSS, RGB for red green blue values, and HSL for hue, saturation and lightness.

Can I pick colours on my phone?

Yes. Tap the image to sample a colour. It works in mobile browsers without any app.

How accurate is the picked colour?

It reads the exact pixel value from the image data, so the colour is taken straight from the source.

Does it work with transparent PNGs?

Yes. You can sample any visible pixel. Fully transparent areas report no colour.

Is it free with no sign-up?

Yes, it is free, needs no account, and adds nothing to your image.

How do I get the hex code of a colour in an image?

Load the image, then click the spot you want. The HEX field shows the code for that pixel, for example #1A73E8, and the Copy button puts it on your clipboard ready to paste into CSS or a design tool.

How do I find the RGB value of a pixel?

Click the pixel on the image and read the RGB field, which shows the colour as rgb(red, green, blue), for example rgb(26, 115, 232). Use its Copy button to grab the value. The same pick is also shown as HEX and HSL.

How do I pick a brand colour from a logo?

Open the logo image and click directly on the coloured part of the mark. The picked colour appears as HEX, RGB and HSL with copy buttons, and the auto palette beside it lists the main colours in the logo as swatches you can copy.

Does it work without uploading my image?

Yes. The picture is drawn onto a canvas in your browser and the colours are read from the pixels right there. Nothing is sent to a server, so the file never leaves your device.

בורר צבעים מתמונה ומחלץ פלטה

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

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

JPG, PNG, WebP ו-GIF נתמכים. הקבצים נשארים במכשיר שלכם.

הצבעים נקראים ישירות מפיקסלי התמונה על ידי הדפדפן שלכם באמצעות Canvas API. התמונה עצמה לעולם אינה מועלית לשרת.

תפסו צבעים מדויקים מכל תמונה

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

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

איך לבחור צבע

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

שלושה פורמטי צבע

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

פלטה אוטומטית

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

קורא פיקסלים מקומית

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

סיבות שימושיות להשתמש בו

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

שימושים נפוצים לבורר הצבעים

הסיבה השכיחה ביותר שאנשים פותחים כלי זה היא לקבל את קוד ה-hex של צבע שהם רואים בתמונה או בצילום מסך. שחררו לוגו ולחצו על הסימן כדי לקרוא את צבע המותג המדויק, או לחצו על רקע של צילום מסך כדי להתאים צבע אתר לתמונה שאתם עובדים ממנה. כל בחירה נותנת לכם את הערך בשלושה פורמטים בבת אחת: קוד HEX כמו ‎#1A73E8 להדבקה ב-CSS או באפליקציית עיצוב, מחרוזת RGB כמו ‎rgb(26, 115, 232)‎ עבור קוד, ומחרוזת HSL עבור התאמת גוון, רוויה ובהירות. כפתור העתקה יושב לצד כל אחד מהם, כך שמציאת ערך ה-RGB של פיקסל בודד היא רק לחיצה והעתקה.

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

שאלות נפוצות

פתחו את התמונה שלכם, ואז לחצו על הנקודה שמעניינת אתכם. הצבע באותו פיקסל מופיע כ-HEX, RGB ו-HSL, כל אחד עם כפתור העתקה.

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

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

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

כן. הקישו על התמונה כדי לדגום צבע. הכלי עובד בדפדפני נייד ללא שום אפליקציה.

הוא קורא את ערך הפיקסל המדויק מנתוני התמונה, כך שהצבע נלקח ישר מהמקור ולא מוערך.

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

כן, זה חינמי לחלוטין, לא דורש חשבון, ולא מוסיף שום דבר לתמונה שלכם.

טענו את התמונה, ואז לחצו על הנקודה הרצויה. שדה ה-HEX מציג את הקוד לאותו פיקסל, לדוגמה ‎#1A73E8, וכפתור ההעתקה שלצידו מניח את הקוד בלוח שלכם מוכן להדבקה ב-CSS או בכלי עיצוב.

לחצו על הפיקסל בתמונה וקראו את שדה ה-RGB, שמציג את הצבע כ-‎rgb(אדום, ירוק, כחול)‎, לדוגמה ‎rgb(26, 115, 232)‎. השתמשו בכפתור ההעתקה שלו כדי לתפוס את הערך. אותה בחירה מוצגת גם כ-HEX וכ-HSL.

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

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

בורר צבעים מתמונה ומחלץ פלטה

הצבע הנבחר

פלטה

תפסו צבעים מדויקים מכל תמונה

איך לבחור צבע

שלושה פורמטי צבע

פלטה אוטומטית

קורא פיקסלים מקומית

סיבות שימושיות להשתמש בו

שימושים נפוצים לבורר הצבעים

שאלות נפוצות

איך בוחרים צבע מתמונה?

האם הוא מחלץ גם פלטת צבעים?

האם התמונה שלי מועלית כדי לקרוא את הצבעים שלה?

מה ההבדל בין HEX, RGB ו-HSL?

האם אפשר לבחור צבעים בטלפון שלי?

עד כמה הצבע הנבחר מדויק?

האם הוא עובד עם PNG שקופים?

האם זה חינם ללא הרשמה?

איך מקבלים את קוד ה-hex של צבע בתמונה?

איך מוצאים את ערך ה-RGB של פיקסל?

איך בוחרים צבע מותג מלוגו?

האם הוא עובד בלי להעלות את התמונה שלי?

כלים קשורים