באתר אינטרנט לכל צבע יש תפקיד: רקע, טקסט, כפתורים, קישורים והתראות. 12 הפלטות האלה בנויות בדיוק לזה, עם רקע בהיר או כהה, צבע טקסט קריא וצבע הדגשה לכפתורים. העתק את קודי ה-HEX ישירות ל-CSS או לבונה האתרים שלך.
כחול SaaS נקי
רקע כמעט לבן, טקסט בכחול כהה מאוד וכפתורים בכחול בהיר.
לבלוגים, למגזינים ולאתרי חדשות. האדום מסמן קישורים וכותרות.
סגול טכנולוגי
נפוץ במוצרים דיגיטליים, בקורסים אונליין ובכלי AI.
טורקיז וקורל
שני צבעי הדגשה משלימים: אחד לכפתורים ואחד להתראות.
יוקרה כהה
למלונות, למסעדות או למותגי פרימיום שבהם התמונות מובילות.
בריאות ורווחה
נקי ורגוע. טוב למרפאות ולקליניקות טיפוליות.
חול וטורקיז כהה
חם אבל רציני. לתיירות, לנדל״ן או לבתי קפה.
לחץ על צבע כדי להעתיק את קוד ה-HEX שלו. סמל העיפרון פותח את הפלטה בעורך כדי לשנות אותה.
יישם את כלל 60-30-10
השתמש בצבע הדומיננטי (בדרך כלל הרקע) בכ-60% מהעמוד, בצבע משני ב-30% (אזורים, כרטיסים, כותרת עליונה) ובצבע ההדגשה ב-10% הנותרים. שמור את צבע ההדגשה לכפתורים ולקישורים, כדי שהמשתמשים יידעו איפה ללחוץ.
בדוק את הניגודיות של הטקסט
הנחיות הנגישות WCAG דורשות ניגודיות של 4.5:1 לפחות לטקסט רגיל. אפור בהיר על לבן נראה אלגנטי אבל קשה לקריאה, במיוחד בטלפון בשמש. הרץ בודק ניגודיות לפני הפרסום.
הגדר צבעים למצבים ולהתראות
מלבד צבעי המותג, אתר צריך צבעים לשגיאות (אדום), להצלחה (ירוק) ולאזהרות (צהוב או כתום). בחר גרסאות שמתאימות לפלטה שלך והשתמש בהן באופן עקבי בטפסים ובהודעות.