איך אני מייצר לוח צבעים מצבע מותג אחד?

הזן קוד hex, שם צבע כמו teal, או ערך rgb() או hsl() בשדה צבע בסיס ולחץ Enter. לאחר מכן בחר סוג כמו פלטת מותג, משלים, טריאדי או מונוכרומטי, ולחץ על דוגמית כדי להעתיק אותה.

באילו פורמטים של ייצוא תומך מחולל לוח הצבעים?

ניתן להעתיק צבעים כ-hex, rgb, hsl או oklch, ולייצא קבצי CSS, SCSS, JSON, סקאלת Tailwind 50-950, PNG, SVG, GIMP/Krita GPL, Adobe ASE או Photoshop ACO. אילו אפשרויות מוצגות תלוי בפקדי הייצוא.

איך אני יכול לבדוק אם צבעי לוח הצבעים שלי קריאים על גבי לבן או שחור?

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

איך אני שומר חלק מהצבעים ומערבב מחדש את השאר?

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

האם אני יכול לשתף את לוח הצבעים שלי או לבחור צבע מהמסך שלי?

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

האם זה באמת בחינם?

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

האם זה עובד בנייד?

כן. זה פועל בדפדפנים ניידים עדכניים ב-iOS וב-Android, ללא התקנה.

🎨

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

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

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

פועל לא-מקוון לאחר טעינה

צבע בסיס

הקלידו קוד hex, שם צבע כמו teal או tomato, או rgb(20, 184, 166) / hsl(174, 80%, 40%), ולחצו Enter.

פלטת מותג · 7 צבעים

פורמט העתקה

ייצוא:תוויות Hex על PNG/SVG

בסיס

על לבן 2.5נכשל

על שחור 8.4AAA

הדגשה

על לבן 2.9נכשל

על שחור 7.2AAA

גוון בהיר

על לבן 1.1נכשל

על שחור 19.4AAA

גוון כהה

על לבן 9.0AAA

על שחור 2.3נכשל

ניטרלי בהיר

על לבן 1.1נכשל

על שחור 19.3AAA

ניטרלי בינוני

על לבן 4.1AA לטקסט גדול

על שחור 5.1AA

ניטרלי כהה

על לבן 16.1AAA

על שחור 1.3נכשל

בדיקת טקסט ורקע

צבע הטקסטרקע

דוגמה לכותרת גדולה

דוגמה לגוף טקסט בזוג הצבעים הזה

8.44:1טקסט רגיל AAAטקסט גדול AAA

נסו אחת מאלה

רוצים צבעים מתמונה? השתמשו במחלץ הצבעים מתמונה

שימושים נפוצים

צור פלטות צבעים לעיצוב אתרצור סכמות צבע הרמוניות לאתרים, יישומי אינטרנט ומרכיבי ממשק משתמש.
צור פלטות צבעים של ברנדפתח מערכת צבע ברנד מלאה מצבע ברנד יחיד — עיקרי, משני, הדגשה וניטרליות.
צור פלטות צבעים לאמנות ולציורצור שילובי צבעים הרמוניות לאמנות דיגיטלית, איור ופרויקטים יצירתיים.
צור סגנונות צבעים ל-Figmaצור פלטות צבעים לשימוש כ-Figma Color Styles וביסוד עיצוב token.
צור פלטות צבעים למצב כההצור גרסאות בהירות וכהות של פלטת הצבעים שלך לבניית תמיכת מצב כהה.

כיצד זה עובד

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

1
המרת הקס-ל-HSL
כשאתה בוחר צבע, הכלי מפענח את מחרוזת ההקס לרכיבי RGB וממיר אותם ל-HSL (גוון, רוויה, בהירות). גוון הוא המיקום בין 0–360 מעלות על גלגל הצבע; כל חשבון הפלטה קורה במרחב הזה.
2
חשבון גוון להרמוניה
כל סוג פלטה הוא נוסחת סיבוב קבועה המוחלת על הגוון הבסיסי. משלים מוסיף 180°, טריאדי מוסיף 120° ו-240°, טטראדי צועד ב-90°, משלים-מפוצל משתמש ב-150° ו-210°. מונוכרומטי וגוונים שומרים על גוון ורוויה קבועים תוך צעידת הבהירות מעלה ומטה.
3
פלט HSL-ל-הקס
כל שלשת HSL מחושבת מומרת בחזרה לצבע הקס באמצעות נוסחת הכרומה הסטנדרטית. התוצאות מוצגות כפס צבעים עם תוויות ניגודיות-אוטומטית (טקסט כהה על דוגמיות בהירות, טקסט בהיר על כהות) שנקבע על ידי סף בהירות פשוט.
4
ייצוא בפורמט המועדף עליך
אפשר להעתיק את הפלטה כמחרוזות הקס או לייצא כקובץ משתני CSS (:root { --color-1: … }), משתני SCSS, קטע קונפיגורציית Tailwind, אובייקט JSON, או פס צבעים PNG. ייצוא PNG משתמש ב-Canvas API של הדפדפן (toDataURL) כדי לצייר כל דוגמית עם תווית ההקס שלה — הכול נוצר מקומית בלחיצה.