Command Palette

Search for a command to run...

מח

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

צור גוונים, גוונים וגוונים מכל צבע בסיס

מהו מחולל גווני צבע?

מחולל גווני צבע לוקח צבע בסיס אחד ובונה סולם מונוכרומטי של גרסאות בהירות וכהות יותר שלו מתוך קלט יחיד כמו #4466EE, הוא מייצר שורה של גוונים הצועדים לכיוון הלבן, שורה של גוונים הצועדים לכיוון השחור, ושורה של גוונים הצועדים לכיוון האפור כל דוגמית היא צבע אמיתי שאתה יכול להעתיק כ-HEX, RGB או HSL ולצנוח ישר לתוך CSS, קובץ עיצוב או תצורת ערכת נושא.

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

המחולל פועל כולו בדפדפן שלך הצבע שאתה מזין מנותח והסולמות מחושבים עם JavaScript בצד הלקוח, כך ששום דבר לא מועלה, אין חשבון, והעבודה שלך לעולם לא מתבצעת במעקב. הוא מקבל HEX, rgb (), hsl () ושמות צבע נפוצים של CSS, מאפשר לך להגדיר כמה שלבים מכיל כל סולם, ומעדכן כל דוגמית באופן מיידי לאחר טעינת הדף זה עובד במצב לא מקוון.

כיצד להשתמש בגווני הצבע Generator?

  1. הזן צבע בסיס

    הקלד או הדבק צבע בכל תחביר נפוץ: קוד HEX כמו #4466EE, ערך rgb () או hsl (), או שם צבע CSS כגון צהבהב.

  2. הגדר את מספר השלבים

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

  3. סקור את הגוונים, הגוונים והגוונים

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

  4. העתק את הצבע שאתה צריך

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

תכונות מפתח

  • גוונים, גוונים וגוונים

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

  • כל ערך שניתן להעתיק

    כל דוגמית זמינה כ-HEX, RGB ו-HSL, כך שתוכל להדביק אותה ישירות ב-CSS, כלי עיצוב או קובץ ערכת נושא.

  • שלבים מתכווננים

    הגדר בין 2 ל-20 שלבים לכל קנה מידה כדי לשלוט עד כמה השיפוע עדין בין צבע הבסיס ללבן, שחור או אפור.

  • קלט סלחן

    מקבל ערכי HEX, rgb() ו-hsl() בני 3 ו-6 ספרות, ושמות צבעי CSS נפוצים, כולם מנורמלים לאותן דוגמיות.

Frequently Asked Questions

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

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

color shades generatortint and shade generatorshades of a colormonochromatic palettelighter and darker colorscolor tintscolor toneshex shade generator