מהו מחולל גווני צבע?
מחולל גווני צבע לוקח צבע בסיס אחד ובונה סולם מונוכרומטי של גרסאות בהירות וכהות יותר שלו מתוך קלט יחיד כמו #4466EE, הוא מייצר שורה של גוונים הצועדים לכיוון הלבן, שורה של גוונים הצועדים לכיוון השחור, ושורה של גוונים הצועדים לכיוון האפור כל דוגמית היא צבע אמיתי שאתה יכול להעתיק כ-HEX, RGB או HSL ולצנוח ישר לתוך CSS, קובץ עיצוב או תצורת ערכת נושא.
שלושת הסולמות מגיעים מההגדרות הקלאסיות המשמשות בתורת הצבעים גוון הוא צבע הבסיס המעורב בלבן, מה שמעלה את בהירותו תוך שמירה על אותו גוון גוון הוא הבסיס המעורב בשחור, מה שמכהה אותו גוון הוא הבסיס המעורב באפור, מה שמפחית את עוצמתו ונותן גרסה מושתקת ומתוחכמת יותר של הצבע. שלושתן מקלט אחד הוא מה שמאפשר לך לבנות פלטה קוהרנטית: כפתור ומצב הריחוף שלו, קבוצה של סדרות תרשימים, או המשטחים הבהירים והכהים של ממשק, כולם נגזרים מצבע מותג אחד.
המחולל פועל כולו בדפדפן שלך הצבע שאתה מזין מנותח והסולמות מחושבים עם JavaScript בצד הלקוח, כך ששום דבר לא מועלה, אין חשבון, והעבודה שלך לעולם לא מתבצעת במעקב. הוא מקבל HEX, rgb (), hsl () ושמות צבע נפוצים של CSS, מאפשר לך להגדיר כמה שלבים מכיל כל סולם, ומעדכן כל דוגמית באופן מיידי לאחר טעינת הדף זה עובד במצב לא מקוון.
כיצד להשתמש בגווני הצבע Generator?
הזן צבע בסיס
הקלד או הדבק צבע בכל תחביר נפוץ: קוד HEX כמו #4466EE, ערך rgb () או hsl (), או שם צבע CSS כגון צהבהב.
הגדר את מספר השלבים
בחר כמה וריאציות כל סולם צריך להכיל שלבים נוספים נותנים שיפוע עדין יותר מהבסיס לכיוון לבן, שחור או אפור.
סקור את הגוונים, הגוונים והגוונים
הכלי מציג שלושה סולמות זה לצד זה, כל דוגמית מסומנת בערך ה-HEX שלה והאחוז מעורבב לכיוון צבע המטרה.
העתק את הצבע שאתה צריך
לחץ על דוגמית כלשהי כדי להעתיק את הערך שלה החלף את פורמט ההעתקה בין HEX, RGB ו-HSL כדי להתאים לתחביר שהפרויקט שלך מצפה לו.
תכונות מפתח
גוונים, גוונים וגוונים
צבע בסיס אחד מייצר שלושה קשקשים מלאים בבת אחת: גוונים בהירים יותר, גוונים כהים יותר וגוונים מושתקים לכיוון אפור.
כל ערך שניתן להעתיק
כל דוגמית זמינה כ-HEX, RGB ו-HSL, כך שתוכל להדביק אותה ישירות ב-CSS, כלי עיצוב או קובץ ערכת נושא.
שלבים מתכווננים
הגדר בין 2 ל-20 שלבים לכל קנה מידה כדי לשלוט עד כמה השיפוע עדין בין צבע הבסיס ללבן, שחור או אפור.
קלט סלחן
מקבל ערכי HEX, rgb() ו-hsl() בני 3 ו-6 ספרות, ושמות צבעי CSS נפוצים, כולם מנורמלים לאותן דוגמיות.
Frequently Asked Questions
Related Tools
Color Contrast Checker
Check the contrast ratio between a text color and its background against WCAG 2.2 AA and AAA thresholds, with a live preview and one-click accessible-color suggestions.
Color Converter
Convert color codes between HEX, RGB, HSL, HWB, and CMYK instantly
Color Mixer
Blend two colors with adjustable ratio and blend modes, and build a gradient between them
Color Palette Generator
Generate harmonious color palettes from any base color - shades and tints, complementary, analogous, triadic, and monochromatic - with HEX codes you can copy and a CSS variables export.
Comments
0 comments
No comments yet. Be the first to share your thoughts!