:root {
--color-100: #d0d9fb;
--color-200: #8aa0f4;
--color-300: #4466ee;
--color-400: #4466ee;
--color-500: #0f2da3;
--color-600: #0a1c67;
--color-700: #050f38;
}
מחולל לוחות הצבעים הופך צבע בסיס בודד לסט מתואם של צבעים באמצעות כללי הרמוניה של גלגל צבעים. בחר צבע התחלתי ובחר מצב - גוונים וגוונים, מונוכרומטיים, משלימים, אנלוגיים, טריאדיים או טטראדיים - והכלי מחשב פלטה מאוזנת עם ערך HEX, RGB ו-HSL עבור כל דוגמית.
שילובי צבעים טובים עוקבים אחר יחסים צפויים בגלגל הצבעים של HSL: צבעים משלימים יושבים זה מול זה, צבעים אנלוגיים יושבים זה ליד זה, וצבעים טריאדיים מרווחים באופן שווה. עיבוד אלה ביד פירושו להטוט בזוויות גוון וערכי קלילות. כלי זה עושה את החשבון באופן מיידי ומציג את התוצאה כך שתוכל לבחור סכימה שעובדת.
הכל פועל בדפדפן שלך. התאם את צבע הבסיס, החלף מצבים, לחץ על כל דוגמית כדי להעתיק את הערך שלה, או ייצא את כל הפלטה כמאפיינים מותאמים אישית של CSS. אין חשבון, אין העלאות, והוא ממשיך לעבוד במצב לא מקוון לאחר טעינת הדף.
מצבי ההרמוניה מגיעים מיחסי צבע-גלגל, גוון מסתובב בכמויות קבועות סביב המעגל: 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.
השתמש בבורר הצבעים או הקלד ערך HEX כדי להגדיר את הצבע סביב הפלטה שלך.
מעבר בין גוונים וגוונים, מונוכרומטיים, משלימים, אנלוגיים, טריאדיים וטטרדיים כדי לראות תוכניות מתואמות שונות.
כל דוגמית מציגה את ערך ה-hex, RGB ו-HSL שלה. לחץ על דוגמית כדי להעתיק אותה, או העתק את כל הלוח כמאפיינים מותאמים אישית של CSS.
השתמש בצבעים שנוצרו עבור רקעים, הדגשים וטקסט בעיצוב או בגיליון הסגנונות שלך, תוך שמירה על עקביות של ההרמוניה בכל ממשק המשתמש שלך.
גוונים וגוונים, סכמות מונוכרומטיות, משלימות, אנלוגיות, טריאדיות וטטרדיות מכסות כל קשר צבע משותף
כל דוגמית מציגה את כל שלושת הפורמטים, כך שתוכל להוריד את הערך הנכון ישירות ל-CSS, כלי עיצוב או קוד
ייצא את כל הפלטה כמאפיינים מותאמים אישית של :Root, מוכן להדבקה בגיליון הסגנונות שלך כקנה מידה של אסימון עיצוב
הרמוניות מחושבות ב-HSL כך שהגוונים נשארים מרווחים באופן שווה וצעדי הקלילות נראים מאוזנים, לא בוציים
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.
Convert color codes between HEX, RGB, HSL, HWB, and CMYK instantly
Pick colors and convert between HEX, RGB, and HSL formats
Generate tints, shades, and tones from any base color
0 comments
No comments yet. Be the first to share your thoughts!