בורר צבעים

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

חינםללא הרשמה100% פרטיעודכן לאחרונה: מרץ 2026
#3498DB
HEX: #3498DB
RGB: rgb(52, 152, 219)
HSL: hsl(204, 70%, 53%)

מהו בורר צבעים?

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

קודי HEX כמו #3498db הם הסטנדרט ב-CSS ועיצוב אתרים. ערכי RGB כמו rgb(52, 152, 219) משמשים ב-CSS, פעולות canvas ב-JavaScript ורוב שפות התכנות. ערכי HSL כמו hsl(204, 70%, 53%) הולכים וצוברים פופולריות כיוון שהם ממופים בצורה אינטואיטיבית יותר לאופן שבו בני אדם חושבים על צבע: ניתן בקלות להבהיר צבע על ידי הגדלת ערך L, או לעמעם אותו על ידי הקטנת S, מבלי להשפיע על הגוון הבסיסי.

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

פורמטי צבע מוסברים

קודי HEX כמו #3498db הם הסטנדרט ב-CSS. ערכי RGB כמו rgb(52, 152, 219) משמשים ב-CSS ורוב שפות התכנות. ערכי HSL כמו hsl(204, 70%, 53%) פופולריים כיוון שהם ממופים באופן אינטואיטיבי לאופן שבו בני אדם חושבים על צבע.

כיצד להשתמש בבורר הצבעים ב-3 צעדים

1

בחרו או הזינו צבע

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

2

צפו בכל הפורמטים

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

3

העתיקו והשתמשו

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

TweakFiles מול בוררי צבעים אחרים

תכונהTweakFilesGoogle Color PickerColorHexa
מחירחינם לנצחחינםחינם (עם פרסומות)
פרטיות100% בצד הלקוחשרתי Googleמעובד בשרת
HEX / RGB / HSLשלושתם, מסונכרניםHEX + RGB + HSLכל הפורמטים
העתקה ללוחלחיצה אחת לכל פורמטבחירה ידניתבחירה ידנית
קלט דו-כיווניכן (עריכת כל שדה)מוגבלמבוסס URL בלבד
פרסומותללאללאמרובות
נדרשת הרשמהלאלאלא

שאלות נפוצות

הזינו קוד צבע HEX (למשל, #3498db) בשדה הקלט HEX. ערכי ה-RGB מתעדכנים מיידית. כל זוג ספרות הקסדצימליות ממופה לערוץ צבע אחד: השניים הראשונים הם אדום (0-255), השניים הבאים ירוק, והשניים האחרונים כחול. הנוסחה היא: R = parseInt(hex[1..2], 16), G = parseInt(hex[3..4], 16), B = parseInt(hex[5..6], 16).
RGB (אדום, ירוק, כחול) מגדיר צבעים על ידי שילוב שלושה ערוצי אור, כל אחד בטווח 0 עד 255. HSL (גוון, רוויה, בהירות) משתמש במודל אינטואיטיבי יותר: גוון הוא זווית הצבע על גלגל של 360 מעלות (0 = אדום, 120 = ירוק, 240 = כחול), רוויה שולטת בעוצמת הצבע (0% = אפור, 100% = צבע מלא), ובהירות שולטת בבהירות (0% = שחור, 50% = צבע טהור, 100% = לבן). HSL מקל על יצירת וריאציות צבע על ידי התאמת פרמטר אחד בלבד.
כן. ניתן להדביק קוד HEX ישירות בשדה הקלט HEX, או להזין ערכי RGB או HSL בשדות המתאימים. כל הפורמטים האחרים מתעדכנים אוטומטית. זה מקל על המרה בין פורמטים כשמעבירים צבעים בין כלים כמו Figma, Photoshop, VS Code או קבצי CSS.
כן. ההמרות משתמשות בנוסחאות מתמטיות סטנדרטיות (אותן נוסחאות המוגדרות ב-CSS Color Module Level 4). המרות RGB-ל-HSL ו-HSL-ל-RGB מדויקות. עיגול קטן מתרחש בלבד בהמרת תוצאות עשרוניות ל-RGB שלם (0-255) או ערכי HSL במעלות/אחוזים, שזו פרקטיקה סטנדרטית.
בהחלט. כל חישובי הצבע מתבצעים לחלוטין בדפדפן שלכם באמצעות חשבון JavaScript. אין נתוני צבע, מידע שימוש או נתונים אישיים שנשלחים לשום שרת. בחירות הצבע שלכם נשארות לחלוטין במכשיר שלכם.

כלים קשורים

📅מחשבון תאריך📊מחשבון אחוזים📱יוצר קוד QR🎂מחשבון גיל⚖️מחשבון BMI