דוגם צבעים
בחירת צבע והמרה בין HEX, RGB ו-HSL, עם פלטה וניגודיות. לחיצה מעתיקה את הקוד.
הצבעים מחושבים בדפדפן בלבד, בלי שמירת נתונים. מתאים לאתרים, ל-CSS, לעיצוב במצגות וב-Canva.
דוגם הצבעים של Tooleem עוזר לבחור צבע ולקבל את הקוד שלו בכל הפורמטים הנפוצים. בוחרים צבע מהבורר או מדביקים קוד HEX, ומקבלים מיד HEX, RGB ו-HSL, פלטה מוצעת (בהיר יותר, כהה יותר, צבע משלים ורקע רך) ובדיקת ניגודיות מול טקסט לבן או כהה. מעתיקים את הקוד בלחיצה ומשתמשים בו באתר, ב-CSS, בעיצוב, במצגת או ב-Canva. הכול מחושב בדפדפן, בלי הרשמה ובלי שמירת נתונים. עודכן לאחרונה: מאי 2026.
איך משתמשים בכלי?
- 01בוחרים צבע או מדביקים HEXמשתמשים בבורר הצבעים או מקלידים קוד HEX כמו #3B82F6. גם קיצור כמו #0F0 עובד.
- 02מקבלים HEX, RGB ו-HSLהקוד מתורגם אוטומטית לכל הפורמטים, לצד פלטה מוצעת ובדיקת ניגודיות.
- 03מעתיקים ומשתמשיםלוחצים על הקוד הרצוי כדי להעתיק, ומשתמשים בו באתר, בעיצוב או במצגת.
מתי זה שימושי?
- עיצוב אתרים ו-CSSמעתיקים HEX או משתנה CSS ישירות לקוד או לגיליון הסגנונות.
- מיתוג ועיצוב גרפיבוחרים צבעי מותג קבועים ומעתיקים אותם ל-Canva, לפרזנטציה או לכלי עיצוב.
- התאמת ניגודיותבודקים אם עדיף טקסט בהיר או כהה על רקע הצבע שבחרתם, לקריאוּת טובה.
דוגמאות שימוש
- #3B82F6 (כחול)כחול נעים שמתאים לכפתורים וקישורים. מתורגם ל-rgb(59, 130, 246).
- #22C55E (ירוק)ירוק להצלחה ואישור. מקבלים גם את ערך ה-HSL להתאמות עדינות.
- #F97316 (כתום)כתום אנרגטי לקריאה לפעולה. אפשר לייצר ממנו פלטה בהירה וכהה.
טיפים לתוצאה טובה יותר
- בדקו ניגודיותכדאי לבדוק ניגודיות בין צבע הטקסט לרקע, כדי שהטקסט יישאר קריא.
- שמרו על עקביות מותגלמותג כדאי לשמור 2–4 צבעים קבועים ולא להחליף אותם כל הזמן.
- מסכים שוניםצבע שנראה טוב במסך אחד יכול להיראות מעט שונה במסך אחר. כדאי לבדוק במכשירים שונים.
HEX, RGB ו-HSL
HEX הוא קוד בן שש ספרות (כמו #3B82F6) שנפוץ באתרים וב-CSS. RGB מתאר את הצבע לפי עוצמת אדום, ירוק וכחול. HSL מתאר אותו לפי גוון (Hue), רוויה (Saturation) ובהירות (Lightness), ונוח במיוחד כשרוצים להבהיר, להכהות או למצוא צבע משלים. הכלי ממיר ביניהם אוטומטית.
איך הכלי עובד
כל ההמרות מתבצעות בדפדפן לפי נוסחאות סטנדרטיות של המרת צבעים, בלי קריאה לשרת ובלי שמירת נתונים. הפלטה נגזרת מהצבע שבחרתם, ובדיקת הניגודיות מבוססת על חישוב הבהירות היחסית (WCAG).
שאלות נפוצות
מה זה דוגם צבעים?
כלי שמאפשר לבחור צבע ולקבל את הקוד שלו ב-HEX, RGB ו-HSL, יחד עם פלטה מוצעת ובדיקת ניגודיות.
מה ההבדל בין HEX, RGB ו-HSL?
HEX הוא קוד נפוץ באתרים. RGB מתאר את הצבע לפי אדום-ירוק-כחול. HSL מתאר אותו לפי גוון, רוויה ובהירות, ונוח להבהרה והכהיה. כולם מייצגים את אותו צבע.
איך מעתיקים קוד צבע?
לוחצים על הקוד הרצוי (HEX, RGB, HSL או משתנה CSS), והוא מועתק ללוח עם הסימון "הועתק".
האם אפשר להשתמש בצבעים ב-CSS?
כן. אפשר להעתיק HEX או את משתנה ה-CSS המוכן (כמו --color: #3B82F6;) ולהדביק ישירות בקוד.
האם הצבעים נשמרים?
לא. הכל מחושב בדפדפן בלבד, ואין שמירת נתונים. רענון של הדף מאפס את הבחירה.
למה צבע נראה שונה בין מסכים?
מסכים שונים מציגים צבעים מעט אחרת בגלל כיול, בהירות וטכנולוגיית התצוגה. הקוד זהה, אבל התצוגה משתנה.