מחולל פלטת צבעים לאתר

צבע אחד → פלטה מקצועית שלמה עם קוד להדבקה

מחולל פלטת צבעים לאתר: בוחרים צבע מותג אחד ומקבלים פלטה של תשעה צבעים עם הסבר מתי להשתמש בכל אחד, וקוד CSS מוכן להדבקה. הפלטה כוללת צבע ראשי, גוון למעבר עכבר, גוון רך לרקעים ולתגיות, צבע משלים להדגשות נקודתיות, שני גווני טקסט, משטח לכרטיסים, רקע לעמוד ומסגרת. ליד גווני הטקסט מופיעה בדיקת ניגודיות מול לבן לפי סף 4.5. מתחת מוצגת סקאלה של תשעה גוונים, מ-100 עד 900, ולחיצה על כל צבע מעתיקה את הקוד שלו. בסוף מעתיקים את הפלטה כמשתני CSS לקוד או לכלי בנייה עם AI. הכול מחושב בדפדפן.

שאלות נפוצות

איך בוחרים את הצבע הראשי?

אם יש לוגו, לוקחים ממנו. אם אין, בוחרים צבע שמתאים לתחום: כחול לאמון, ירוק לבריאות, כתום לאנרגיה. אפשר גם להתחיל מאחד משבעת הצבעים המוכנים.

מה זה משתני CSS?

דרך להגדיר צבע פעם אחת ולהשתמש בו בכל האתר. הקוד מגדיר משתנים כמו --color-primary, וכלי בנייה עם AI יודע לעבוד איתם.

איך נבחר הצבע המשלים?

הוא מוזז ב-150 מעלות על גלגל הצבעים מהצבע הראשי, כמעט בצד הנגדי. ההמלצה היא להשתמש בו בפחות מ-10% מהעמוד.

למה כתוב ״נמוך מדי״ ליד צבע טקסט?

יחס הניגודיות שלו מול רקע לבן נמוך מ-4.5, הסף שתקן הנגישות דורש לטקסט רגיל. צבע כזה עדיף לטקסט גדול בלבד, או להכהות אותו.

אפשר להזין קוד HEX?

כן, יש שדה לקוד בפורמט #RRGGBB לצד בורר הצבעים.

כלים נוספים שיעניינו אתכם

כל הכלים בקטגוריה בונים אתר עם AI