מחולל פלטות צבעים

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

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

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

דוגמה מעובדת מראה כיצד זה עובד כמחולל פלטות צבעים לחתונה, בתנאי אחד: אין הגדרות קבועות מראש לחתונה, אז אתה מביא את הצבע הקלד ירוק מרווה, #9caf88, כצבע הבסיס ובחר משלים. ארבע הדוגמיות הן #c2ceb6, #9caf88, לבנדר מאובק #9b88af ו-#755e8d עמוק יותר, ו-Copy CSS מחזיר אותן כ-color-100 עד -color-400. לתוצאה של מחולל פלטות צבעים פסטל, התחל מבסיס חיוור כגון #a7c7e7: אנלוגי, טריאדי וטטרדי שומרים על הקלילות והרוויה שלו, כך שכל דוגמית נשארת רכה.

מצבי ההרמוניה מגיעים מיחסי צבע-גלגל, גוון מסתובב בכמויות קבועות סביב המעגל: 180 מעלות עבור משלים, 120 עבור טריאדי, ושלבים קטנים עבור אנלוגי. that maths is done in HSL, which is conforten and not perceptually uniform. HSL lightness attends yellow and blue at the same value as equality light, ולעין הם לא, וזו הסיבה שסט טריאדי יכול להיראות מאוזן על נייר ולא מאוזן על המסך. בדוק כל פלטה שאתה מתכנן להשתמש בה לטקסט מול בודק ניגודיות במקום לסמוך על המספרים. גוונים וגוונים מיוצרים על ידי הזזת קלילות תוך החזקת גוון ורוויה, מה ששומר על משפחה קשורה לזיהוי וזה מה שהופך אותם לשימושיים כקבוצה של משתני CSS.