ממיר פורמט צבעים מתרגם כל צבע בין HEX, RGB, HSL, HSV ו-OKLCH. בחרו צבע בעזרת בוחר הצבעים המובנה, הקלידו ערך Hex, הדביקו כל מחרוזת צבע CSS, או התאימו את מחווני ה-RGB — כל פורמט מתעדכן בזמן אמת ולכל אחד מהם יש כפתור העתקה משלו.
CSS מודרני מספק תריסר דרכים לכתוב את אותו הצבע: #7C3AED, rgb(124, 58, 237), hsl(262, 83%, 58%), oklch(55% 0.24 293), יחד עם וריאציות ערוץ אלפא (Alpha) לכל אחד. לעיתים קרובות יש צורך להמיר ביניהם — עיצוב ב-Figma מספק לך OKLCH, בסיס הקוד שלך משתמש ב-HEX, ומשתני ערכת הנושא שלך מעדיפים HSL לשינויי מצב ריחוף (Hover). ממיר פורמט צבעים מבצע את כל ההמרות בחלונית אחת. בחרו צבע בעזרת בוחר הצבעים המובנה, הדביקו צבע קיים בכל תחביר שהוא, או גררו את מחווני ה-RGB כדי לכוונן אותו. כל פורמט נפוץ מעובד בו-זמנית: HEX (עם אלפא), rgb()/rgba(), hsl()/hsla(), hsv(), ו-oklch() — בנוסף למקטע של משתנה CSS וערך ההארה (Luminance) המחושב לחישובי ניגודיות מהירים. ערוץ האלפא נתמך לאורך כל התהליך. לכל פורמט יש כפתור 'העתק' משלו לשימוש בלחיצה אחת, והמפענח מקבל שמות צבעים מובנים וכל מה ש-CSS תומך בו.
מציג HEX, RGB/RGBA, HSL/HSLA, HSV, ו-OKLCH בו-זמנית - בחרו איזה פורמט שהקוד שלכם דורש מבלי להמיר מחדש כל פעם.
מקבל HEX (#abc או #aabbcc או #aabbccff), rgb()/rgba(), hsl()/hsla(), oklch() ושמות צבעים מובנים. הדביקו כל מה ש-CSS תומך בו.
מטפל בפורמט ה-OKLCH החדש המשמש ב-CSS מודרני - מרחב צבעים אחיד תפיסתית שהופך לברירת המחדל החדשה של מערכות עיצוב.
לכל פלט יש כפתור 'העתק' משלו. לחצו כדי לתפוס בדיוק את הפורמט שאתם צריכים עבור הקוד שלכם, ללא צורך בבחירה ידנית.
התאימו את מחווני אדום/ירוק/כחול/אלפא לכוונון עדין. כל פורמט מתעדכן בזמן אמת כשאתם גוררים.
שקיפות מטופלת בכל פורמט: #RRGGBBAA, rgba(...), hsla(...). הגדירו פעם אחת, והמרו לכל מקום.
Figma מציג לכם OKLCH או HSL - הדביקו אותו, והעתיקו את ערך ה-HEX המקביל להגדרות ה-Tailwind שלכם או למשתני ה-CSS מבלי לעזוב את הדפדפן.
גררו מחוונים כדי לחקור גוונים, ושימו לב לערכי ה-OKLCH לבניית פלטת צבעים למערכת עיצוב שיטתית.
המירו צבע מותג לפורמט ה-HSL שלו כדי שתוכלו להשתמש ב-hsl(var(--brand-h) var(--brand-s) calc(var(--brand-l) + 10%)) למצבי ריחוף (Hover).
שדה ההארה נותן לכם את הערך הגולמי המשמש בחישובי ניגודיות של WCAG - שימושי למתמטיקה של נגישות (a11y).
הדביקו oklch(...) מקובץ CSS שאתם קוראים וראו מיד איזה צבע הוא באמת יוצר.
לחצו על סמל פורמטי הצבע ב-DevSuite Pro. חלונית נפתחת עם בוחר צבעים, קלט Hex ומחווני RGB.
השתמשו בבוחר הצבעים, הקלידו Hex, או הדביקו כל מחרוזת צבע CSS (rgb(...), oklch(...) וכו'). הצבע מוצג באופן מיידי.
כל פורמט מוצג למטה: HEX, RGB, HSL, HSV, OKLCH, משתנה CSS והארה (Luminance). כולם מסונכרנים בזמן ההתאמה.
גררו מחווני R/G/B/A לכוונון עדין. מצוין להשגת גוון ספציפי התואם למפרט עיצוב.
לחצו על 'העתק' בשורת הפורמט שאתם רוצים - הערך נוחת בלוח שלכם בתחביר הנכון.
התקן את DevSuite Pro בחינם ופתח 64+ כלי פיתוח לדפדפן שלך.
