פלטות צבעים

מחולל גוונים לצבע

בחר צבע וקבל מיד את כל הטווח שלו, מהגוון הבהיר ביותר ועד הכהה ביותר. לחץ על גוון כדי להעתיק את קוד ה-HEX שלו.

סולם מ-50 עד 950

אחד־עשר גוונים מאותה משפחת צבע, ממוספרים כמו ב-Tailwind. הצבע שלך מסומן בדרגה שמתאימה לו ביותר.

בהירים (עם לבן)

לחץ על גוון כדי להעתיק את ה-HEX שלו.

כהים (עם שחור)

מעומעמים (עם אפור)

ייצוא הסולם

מהו סולם צבע

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

גוונים בהירים, כהים ומעומעמים

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

איך משתמשים בסולם בעיצוב

השתמש בדרגות הבהירות (50 עד 200) לרקעים, באמצעיות (400 עד 600) לכפתורים ולקישורים, ובכהות (700 עד 950) לטקסט ולמסגרות. סולם אחד נותן לך ממשק נקי ועקבי.

שאלות נפוצות

איך מחושב הסולם?

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

מה המשמעות של המספרים 50 עד 950?

זה הסולם של Tailwind CSS ושל מערכות עיצוב רבות: 50 הוא הגוון הבהיר ביותר ו-950 הכהה ביותר. הצבע שלך נופל על המספר שמתאים לו ביותר.

אפשר להשתמש בסולם ב-Tailwind או ב-CSS?

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

מה ההבדל בין סולם צבע לפלטת צבעים?

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

מדריכים וכלים נוספים