בוחר צבעים פשוט

בוחר צבעים חינמי ל-Chrome

בחר צבע מכל דף. קבל ⁦#E8553D⁩

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

הוסף ל-Chrome — בחינם

453 משתמשים ב-Chrome Web Store

פועל גם ב-Edge, Brave, Opera ובדפדפנים אחרים מבוססי Chromium.

הזכוכית המגדלת המרובעת מעל פוסטר בדף אינטרנט ממסגרת פיקסל אחד עם ה-HEX, RGB ו-HSL שלו, לצד החלון של בוחר צבעים פשוט שמציג ⁦#E8553D⁩ והיסטוריית צבעים

בקצרה

מה זה עושה
בוחר צבעים וטפטפת: כוון אל כל פיקסל בדף אינטרנט דרך זכוכית מגדלת, לחץ, וקוד ה-HEX, RGB או HSL שלו מועתק.
למי זה מתאים
למפתחי ווב ולמעצבים שלוקחים צבעים מאתרים חיים, ממוקאפים ומצילומי מסך שפתוחים בדפדפן, ולכל מי שצריך קוד צבע.
מחיר
חינם. בלי חשבון, בלי גרסה בתשלום.
נתונים
ההיסטוריה ופורמט ברירת המחדל נשארים באחסון המקומי של התוסף במכשיר שלך. בלי ניתוח נתונים, בלי בקשות רשת.
איפה זה פועל
ב-Chrome ובדפדפנים אחרים מבוססי Chromium שמתקינים מ-Chrome Web Store, במחשב. לא בדפי דפדפן כמו דף הלשונית החדשה, ההגדרות או Chrome Web Store.
מגבלות
בוחר מהחלק הנראה של הלשונית, לפי צילום שנעשה בהתחלה. בלי CMYK, Pantone או בדיקת ניגודיות, ובלי בחירה מחוץ לדפדפן.
גרסה
2.7.0, עודכן ב-23 באוקטובר 2026

שלושה שלבים, לחיצה אחת

  1. 1

    הפעל את הבוחר

    לחץ על הסמל בסרגל הכלים ועל בחר צבע, או הקש Alt+P בכל דף.

  2. 2

    כוון בעזרת הזכוכית המגדלת

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

  3. 3

    לחץ והדבק

    הקוד מועתק בפורמט ברירת המחדל שלך, והודעה קצרה מאשרת זאת. הדבק אותו ב-CSS, ב-Figma או בהודעה.

מי משתמש בזה

CSS

עבודת פרונטאנד

קח ערכים מדויקים מאתר חי עבור CSS, SCSS או קובץ הגדרות של Tailwind, בלי לפתוח DevTools.

HEX

בדיקות עיצוב ומותג

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

HSL

כוונון צבעים

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

מה זה עושה

  • פיקסל, ממוסגר

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

  • פורמטים

    HEX כמו ⁦#2A6FDB⁩, RGB כמו ⁦rgb(42, 111, 219)⁩, HSL כמו ⁦hsl(217, 71%, 51%)⁩. בחר את ברירת המחדל פעם אחת בחלון הקופץ.

  • צבעים בהיסטוריה

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

  • קיצור Alt+P

    התחל לבחור בלי לפתוח את החלון הקופץ. המקש בחלון הקופץ פותח את הגדרות הקיצורים של Chrome, אם תרצה מקש אחר.

  • בקשות רשת

    הכול רץ בדפדפן שלך. בלי חשבון, בלי ניתוח נתונים, בלי טלמטריה.

  • בהיר וכהה

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

איך לקבל את קוד הצבע של כל דבר בדף אינטרנט

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

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

גלול אל החלק הנחוץ בדף לפני שמתחילים: הזכוכית המגדלת קוראת מהצילום הזה. דפי דפדפן כמו דף הלשונית החדשה, ההגדרות ו-Chrome Web Store סגורים לכל התוספים.

פרטי מעיצוב

  • בלי בקשות רשת

    התוסף אף פעם לא מדבר עם שרת. בלי ניתוח נתונים, בלי טלמטריה.

  • נשאר במכשיר שלך

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

  • ארבע הרשאות

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

הטפטפת של DevTools מול בוחר צבעים פשוט

הטפטפת של DevTools מול בוחר צבעים פשוטהטפטפת של DevToolsבוחר צבעים פשוט
איך מתחיליםלפתוח DevTools, למצוא צבע בחלונית סגנונות, ללחוץ על הדוגמית שלו ואז על הטפטפתכפתור בסרגל הכלים או Alt+P
לאן התוצאה הולכתלמאפיין ה-CSS שפתחת; את ההעתקה עושים בעצמךללוח ההעתקה, בלחיצה
פורמטי צבעHEX, RGB, HSL ועודHEX, RGB ו-HSL
צבעים שנבחרו קודםלא נשמרים50 האחרונים שלך, מוכנים להעתקה שוב
מחירמובנית ב-Chromeחינם

שאלות

איך מקבלים קוד צבע מאתר אינטרנט?

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

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

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

אפשר להעתיק HSL או RGB במקום HEX?

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

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

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

איך משנים את הקיצור Alt+P?

לחץ על המקש של הקיצור בחלון הקופץ. הוא פותח את דף קיצורי המקלדת של Chrome, שם אפשר להגדיר מקש אחר.

למה זה לא עובד בחלק מהדפים?

Chrome סוגר את הדפים שלו, כמו דף הלשונית החדשה, ההגדרות ו-Chrome Web Store, בפני כל התוספים. הבוחר גם קורא רק את החלק הנראה של הלשונית, אז גלול קודם אל הצבע.

אפשר לבחור צבעים מחוץ לדפדפן?

לא. הוא בוחר רק מהלשונית הנוכחית בדפדפן. הוא גם לא ממיר ל-CMYK או ל-Pantone ולא בודק ניגודיות.

זה בחינם? האם נאספים נתונים?

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

עוד תוספים חינמיים מ-PYROCTAL

כוון. לחץ. הדבק.

הוסף ל-Chrome — בחינם