1background: #FF930F;
2background: linear-gradient(90deg, rgba(255, 147, 15, 1) 0%,rgba(255, 249, 91, 1) 100%)בחרו צבעים ותעברו לעבודה — בלי כאב ראש
בנינו את Color Picker בשנת 2025 כי נמאס לנו מאפליקציות כבדות וכלי צבע מסורבלים. כמפתחי פרונט-אנד ומאיירים היינו צריכים דרך לחטוף צבע, לכוונן אותו ולהמשיך. הוא התחיל ככלי פנימי, הפך לפייבוריט של הקולגות, ליטשנו והעלינו אותו לרשת לכולם. בלי חשבונות, בלי עקומת למידה — פתחו את העמוד, בחרו גוון והעתיקו קודי HEX, RGB, HSL או HSV.
למה אנשים אוהבים את בורר הצבעים שלנו?
אם מצאתם את עצמכם בוהים בעיצוב ותוהים איך לפגוע בגוון המדויק — תעריכו את הפשטות של Color Picker. שמרנו את הממשק מינימלי בכוונה:
- קליק — והצבע אצלכם — הקישו בכל נקודה בפלטה והכלי מציג מייד את הערכים הדרושים. רוצים דגימה מתמונה או מצילום מסך? גררו לעמוד והשתמשו בטפטפת.
- גרדיאנטים בקלות — צרו מעברים משיים באמצעות הוספה והזזה של נקודות עצירה בסרגל. החליפו לינארי/רדיאלי, כווננו זווית ושקיפות והעתיקו את ה-CSS.
- בלי מגבלות, בלי עלות — Color Picker פועל בכל דפדפן מודרני במחשב, בטאבלט או בנייד. אין מה להתקין ואין תשלום.
- הרחבות כשצריך — ההרחבות האופציונליות שלנו ל-Chrome ו-Edge מביאות את הטפטפת היישר לדפדפן, כדי שתוכלו לדגום מכל עמוד ולשמור את ההיסטוריה.
מה בפנים
טפטפת
שלפו צבעים ישירות מתמונות שהועלו או מכל דבר שעל המסך; גררו קובץ לעמוד ולחצו על פיקסל כדי לראות את ערכיו במספר פורמטים.
המרות פורמט
עברו מיד בין HEX, RGB, HSL ו-HSV והעתיקו קודים ל-CSS, לתוכנות עיצוב או לכלי פלטות.
מחולל גרדיאנט
צרו גרדיאנטים לינאריים או רדיאליים באמצעות הוספה והזזה של נקודות עצירה, התאמת זווית ושקיפות, והעתיקו את ה-CSS הסופי.
היסטוריית צבעים
כל צבע שתבחרו נשמר, כדי שתוכלו לחזור אליו או להשתמש בו מחדש.
הרחבות דפדפן
הרחבות אופציונליות ל-Chrome ו-Edge, לשאיבת צבעים מכל אתר ופתיחת הכלי ישירות מסרגל הכלים.
גישה אוניברסלית
עובד בכל דפדפן מודרני; ההרחבות תומכות בשפות רבות ומעודכנות באופן קבוע.
חינמי ופרטי
השירות חינמי, ואיננו סוחרים בנתונים שלכם.
למה זה מיועד
אנשים משתמשים ב-Color Picker בדרכים שונות:
- מעצבים וצוותי מוצר פונים אליו כשמסרטטים ממשקים או פלטות מותג. חקירת שילובים והעתקת ה-CSS הנדרש לגרדיאנטים — מהיר ופשוט.
- מאיירים ואמנים משתמשים בטפטפת כדי לשאוב השראה מתמונות וציורים. כלי הגרדיאנט עוזר לתכנן הצללה חלקה ומעברי צבע.
- מפתחי Front-end מסתמכים עליו כדי לייצר ערכי צבע עקביים בין פרויקטים. ההרחבה מקלה על דגימה מאתרים קיימים.
- כל מי שבודק נגישות יכול לצפות בצבעים במודלים שונים ולהתאים שקיפות עד לעמידה בהנחיות הניגודיות.
תחילת עבודה
אין צורך במדריך — הנה סקירה מהירה:
- בחרו צבע — לחצו בכל מקום בפלטה. מיד תראו ערכי HEX, RGB ו-HSV. כווננו גוון, רוויה, בהירות ושקיפות עם המחוונים.
- דגימה מתמונה — גררו קובץ תמונה לעמוד או בחרו אחד. לחצו על הפיקסל הרצוי וקודי הצבע יופיעו.
- בניית גרדיאנט — לחצו על סרגל הגרדיאנט כדי להוסיף נקודות עצירה וגררו אותן; עברו בין סגנון לינארי לרדיאלי. התאימו זווית ושקיפות עד שזה נראה נכון.
- העתקה ושימוש חוזר — הצבעים והגרדיאנטים שלכם נשמרים אוטומטית. העתיקו קודים או CSS והדביקו בפרויקט — או שתפו עם הצוות.
איך להשתמש ב-Color Picker אונליין
הרחבות ל-Chrome ו-Edge
אוהבים את הרעיון של "לשאוב" צבעים ישר מדף אינטרנט? Color Picker – Eye Dropper ל-Chrome ו-Eyedropper – Color Picker ל-Edge מאפשרים בדיוק את זה. הן מוסיפות כפתור קטן לדפדפן כדי לרחף מעל כל רכיב וללכוד את גוונו. אפשר גם להעלות תמונות מהחלון הקופץ, לשלב צבעים לגרדיאנטים ולהעתיק CSS. ההרחבות תומכות בשפות רבות ומעודכנות בקביעות.
כלי קהילתי שאפשר לסמוך עליו
בנינו את Color Picker כי רצינו כלי פשוט ש"פשוט עובד". זהו פרויקט קהילתי והוא יישאר חינמי תמיד. איננו אוספים או מוכרים את הנתונים שלכם. אם הוא שימושי לכם, התקנת ההרחבה או שיתוף האתר יעזרו לעוד אנשים לגלות אותו.
למידע על אופן הטיפול שלנו בנתונים, ראו את הדפים שלנו: מדיניות פרטיות , תנאי שימוש.