כלי עיצוב
כלים מהירים לעבודת פרונט-אנד ועיצוב חזותי, עם CSS מוכן להעתקה ובדיקות נגישות המבוססות על נוסחת הניגודיות של WCAG.
7 כלים
כלים בקטגוריה הזו
- ממיר צבעיםהמירו צבעים בין HEX, RGB, HSL, HWB, OKLCH ו-CMYK פשוט. הדביקו כל צבע CSS או השתמשו בבורר, ואז העתיקו כל פורמט. פועל בדפדפן שלכם.
- בודק ניגודיותבדוק את יחס הניגודיות לפי WCAG 2.2 של צבעי טקסט ורקע, ראה תוצאות AA ו-AAA עבור טקסט ורכיבי UI, וקבל את הצבע הקרוב ביותר שעומד בדרישות.
- מחולל גרדיאנטים ב-CSSצרו גרדיאנטים ליניאריים, רדיאליים וקוניים ב-CSS עם 2 עד 6 נקודות עצירה, הגדירו זווית ומיקומים, צפו בתצוגה מקדימה חיה והעתיקו את ה-CSS של הרקע.
- מחולל Box Shadowעצבו צללי box-shadow ב-CSS עם כמה שכבות: היסט, טשטוש, פיזור, צבע, אטימות ו-inset. צפו בתצוגה מקדימה על כל רקע והעתיקו את קוד ה-CSS של box-shadow.
- מחולל פלטות צבעיםצרו פלטות של צבעים משלימים, אנלוגיים, טריאדיים, טטראדיים, משלימים מפוצלים וגוונים מצבע אחד. נעלו צבעים והעתיקו HEX, CSS או JSON.
- ממיר PX ל-REMהמירו px ל-rem או ל-em ובחזרה עם כל גודל גופן שורש (ברירת מחדל 16px). כולל טבלת גדלים נפוצים והמרת ערכי px בקטעי CSS שלמים.
- מחשבון יחס רוחב-גובהמצאו את הרוחב או הגובה החסר לכל יחס רוחב-גובה, פשטו מידות כמו 1920×1080 ל-16:9, צפו בתצוגה מקדימה של הצורה והעתיקו את כלל ה-CSS aspect-ratio.