בורר צבעים אונליין: גלגל צבעים וממיר (HEX, RGB, LCH)
בין אם אתם מעצבי אתרים המכווננים סגנונות CSS, גרפיקאים המחפשים את הגוון המושלם ללוגו, או סתם זקוקים לברר במהירות את קוד הצבע האהוב עליכם, כלי בחירת הצבעים המתקדם (Color Picker) שלנו כאן בשבילכם.
תשכחו מהפעלת פוטושופ מסורבל או חיפוש תוספים לדפדפן. כאן עומדת לרשותכם מעבדת צבעים שלמה, שפועלת מיידית, תומכת בכל הפורמטים וזוכרת את עבודתכם.
למה להשתמש בכלי בחירת צבעים זה?
הווידג’ט שלנו הוא לא סתם גלגל צבעים רגיל. הוא תוכנן לפרודוקטיביות ודיוק מרביים.
1. כל הפורמטים תחת קורת גג אחת 🎨
צריכים להמיר HEX ל-RGB? או שאתם עובדים עם HSL מודרני? הכלי שלנו ממיר באופן אוטומטי ובזמן אמת את הערכים בין כל התקנים הנפוצים.
- HEX: עבור HTML ו-CSS (לדוגמה:
#ff5733). - RGB: עבור מסכים דיגיטליים ותוכנות גרפיקה.
- HSL & HSV: עבור עריכות אינטואיטיביות של רוויה ובהירות, שתעריכו בעת יצירת פלטות צבעים.
2. היסטוריה חכמה והגדרות קבועות מראש 🕒
אין דבר מתסכל יותר מאשר למצוא את הצבע המושלם ולאבד אותו בטעות.
- היסטוריה אוטומטית: הכלי זוכר את הצבעים האחרונים שעבדתם איתם (גם אם תרעננו את הדף).
- הגדרות קבועות מראש מהירות: הכנו עבורכם סט של צבעי יסוד להתחלה מהירה.
3. שליטת גרירה ושחרור אינטואיטיבית 🖱️
השליטה חלקה ומדויקת. בעזרת העכבר או מגע בנייד תוכלו:
- לשנות את הגוון בגלגל הצבעים הגדול.
- לכוונן בעדינות את הרוויה והבהירות בריבוע המפורט.
- או פשוט להקליד ערך מדויק ולתת לכלי לחשב את השאר.
מדריך למודלי צבע: מתי להשתמש בכל אחד?
עולם הצבעים הדיגיטלי יכול להיות מבלבל. הנה סקירה מהירה כדי שתדעו באיזה פורמט לבחור עבור הפרויקט שלכם.
| פורמט | שם מלא | מתי להשתמש? |
|---|---|---|
| HEX | הקסדצימלי | סטנדרט לאינטרנט. קוד בן שישה תווים (לדוגמה #000000), המשמש דפדפנים. הוא הקצר והקל ביותר להעתקה. |
| RGB | אדום, ירוק, כחול | מסכים ותצוגות. קובע כמה אור אדום, ירוק וכחול יש להאיר. הערכים הם 0–255. |
| HSL | גוון, רוויה, בהירות | תפיסה אנושית. הטוב ביותר למעצבים. רוצים צבע “קצת בהיר יותר” או “פחות רווי”? ב-HSL רק תשנו את האחוזים, ב-HEX הייתם צריכים לנחש. |
| HSV | גוון, רוויה, ערך | תוכנות גרפיקה. דומה ל-HSL, אך נפוץ בשימוש בכלים כמו פוטושופ או GIMP לבחירת צבעים. |
| LCH | בהירות, כרומה, גוון | דיוק מודרני. הוא “אחיד תפיסתית”. פותר את בעיית ה-HSL, שבה צהוב נראה בהיר יותר מכחול באותו ערך. ב-LCH, שינוי המספרים תואם בדיוק לאופן שבו העין האנושית תופסת את השינוי. אידיאלי למערכות עיצוב ונגישות. |
כיצד לעבוד ביעילות עם בורר הצבעים
- בחירה גסה: לחצו על טבעת הצבעים לבחירת גוון בסיסי (Hue).
- כוונון עדין: בריבוע המרכזי, כווננו את הרוויה (תנועה ימינה/שמאלה) והבהירות (תנועה למעלה/למטה).
- הזנה ידנית: יש לכם קוד ספציפי, לדוגמה
#3498db? הכניסו אותו לשדה HEX. הכלי יציג מיד תצוגה מקדימה ויחשב מחדש את ערכי RGB ו-HSL. - העתקה: בלחיצה אחת על אייקון ההעתקה, שמרו את הקוד הסופי ללוח.
- חזרה בזמן: זקוקים לצבע שהיה לכם לפני רגע? עיינו בקטע היסטוריית צבעים בתחתית.