🎨 חינם לגמרי

בוחר צבעים HEX, RGB, HSL

בחרו צבע וקבלו קוד HEX, RGB ו-HSL. צרו פלטת גוונים, משלימים ושלישיים — חינמי ומיידי.

—
גוונים
צבעים משלימים

בוחר צבעים: עיצוב צבעים — המדריך למעצב הדיגיטלי

צבעים הם אחד הכלים החזקים ביותר בידי מעצב. הם מעוררים רגשות, יוצרים היררכיה ויזואלית ומשפיעים ישירות על שיעורי ההמרה. לאתר של עסק פיננסי כחול מעביר אמינות; לאתר מזון אדום ועצום מעוררים תיאבון; לחנות קוסמטיקה ורוד ולבן מסמנים נקיות ואלגנטיות. בחירת פלטת צבעים נכונה אינה אסתטיקה גרידא — היא אסטרטגיה שיווקית.

הכלי שלנו ממיר בין שלושה מודלי צבע נפוצים: HEX (שימוש ב-CSS/HTML), RGB (Red, Green, Blue — שימוש ב-CSS, נפוץ לתכנות), ו-HSL (Hue, Saturation, Lightness — הכי אינטואיטיבי למניפולציה). בנוסף, הכלי מייצר אוטומטית 9 גוונים של הצבע שבחרתם ומציג צבעים משלימים (Complementary), טריאדיים ואנלוגיים.

🧠

פסיכולוגיית צבעים

כחול — אמינות, מקצועיות (בנקים, טכנולוגיה). אדום — דחיפות, אנרגיה (מבצעים, אוכל). ירוק — טבע, בריאות, כסף. צהוב — אופטימיות, אזהרה. כתום — יצירתיות, חמימות. סגול — יוקרה, רוחניות. שחור — אלגנטיות, כוח.

♿

ניגודיות ונגישות

WCAG 2.1 מחייב יחס ניגודיות של 4.5:1 לטקסט רגיל ו-3:1 לטקסט גדול (18pt+). כ-8% מהגברים הם עיוורי צבעים. השתמשו בכלי כמו WAVE או Colour Contrast Analyser. כלל אצבע: אל תסמכו רק על צבע להעברת מידע.

🎨

בניית פלטת צבעים

שיטת 60-30-10: 60% צבע דומיננטי (רקע), 30% צבע משני (כותרות, רכיבים), 10% צבע אקצנט (CTA, כפתורים). לפלטה מאוזנת, בחרו בין 2–4 צבעים בסיסיים. כלים: Adobe Color, Coolors, Paletton.

💻

CSS Custom Properties

הגדירו צבעים כ-CSS Variables: --color-primary: #818cf8; ב-:root. שינוי צבע במקום אחד יעדכן את כל האתר. גם Light/Dark Mode מנוהל בקלות: מגדירים ערכים שונים ב-[data-theme="dark"].

שאלות נפוצות

בואו נבנה משהו שיזכרו.

בחרו מה אתם צריכים ונתחיל מיד

WhatsApp · 050-771-8103 · ייעוץ ראשוני חינם · ללא התחייבות
✦ כלים חדשים 🤖 חדשות AI 📈 עסקים & דיגיטל

רוצה לדעת ראשון כשיוצאים כלים חדשים?

ניוזלטר שבועי · כלים חינמיים חדשים, עדכוני AI שמשנים את המשחק, וטיפים שמניעים עסקים קדימה — ישירות לתיבה שלך.

✓ ללא ספאם  ·  32+ מנויים  ·  הסרה בקליק

התקשרו עכשיו
דלגו לתוכן הראשי