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

צרו פלטות צבעים הרמוניות לעיצוב אתרים. נעלו גוונים, ייצאו ל-CSS או Tailwind, חינם ומקומי בדפדפן. בלי הרשמה.

Press Spacebar to generate new colors.

100% פרטי • בלי העלאת קבצים לשרת

למה להשתמש ב-מחולל פלטות צבעים החינמי של Utiliome?

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

יצירת צבעים בלי סוף

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

נעילה ושיפור

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

ייצוא מיידי ל-CSS/Tailwind

ייצאו את הפלטה הסופית למשתני CSS, קודי HEX או אובייקט הגדרות Tailwind מוכן.

100% מקומי ומהיר

יצירת הצבעים קורית מיד בזיכרון הדפדפן, בלי בקשות רשת ובלי השהיה.

Utiliome מול חלופות ענן מסורתיות

השוו את מנוע ה-WebAssembly המקומי שלנו לכלי ענן ישנים.

מאפיין Utiliome (דפדפן מקומי) ממירי ענן ישנים
מהירות מיידי (אפס השהיה) בקשות רשת איטיות
ייצוא קוד קוד Tailwind ו-CSS מובנה רק קודי HEX גולמיים
פרטיות ופרסומות 100% בלי פרסומות ומקומי עמוס בבאנרים
עלות חינם לתמיד יכולות פרימיום נעולות
איך זה עובד

איך להשתמש ב-מחולל פלטות צבעים ב-3 צעדים

בלי התקנת תוכנה. הכול רץ ישירות בדפדפן.

1

צרו צבעים

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

2

נעלו את המועדפים

לחצו על אייקון המנעול בצבע שרוצים לשמור. היצירות הבאות ייבנו סביב הבחירות הנעולות.

3

ייצאו את הקוד

לחצו על ייצוא כדי להעתיק את הפלטה כקודי HEX, משתני CSS או אובייקט הגדרות Tailwind.

למה תורת הצבע חשובה בעיצוב אתרים

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

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

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

איך עובדת שיטת הנעילה והשיפור?

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

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

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

ייצוא פלטות ישירות ל-Tailwind CSS

תשובה קצרה: Utiliome חוסך זמן עם ייצוא בלחיצה לפורמט ההגדרות של Tailwind CSS, בלי להעתיק קודי הקס אחד-אחד.

פיתוח ווב מודרני נשען על מסגרות CSS כמו Tailwind CSS. להעביר פלטה ויזואלית לקובץ tailwind.config.js זו עבודה מייגעת ומועדת לטעויות.

Utiliome מחבר בין עיצוב לפיתוח. אחרי שהפלטה מוכנה, הייצוא מסדר את הצבעים כאובייקט JSON תקין להדבקה בהרחבת התמה של Tailwind. יש גם ייצוא משתני CSS (--var) למי שעובד עם CSS רגיל או מעבדים מקדימים.

למה ניגודיות ונגישות (a11y) חשובות

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

נגישות ווב (a11y) היא דרישה חוקית ואתית. הנחיות WCAG קובעות שיחס ניגודיות לטקסט רגיל יהיה לפחות 4.5:1 מול הרקע.

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

הרצה מקומית בלי השהיה

תשובה קצרה: Utiliome בנוי כולו מ-JavaScript בצד הלקוח, ולכן חישובי הצבע רצים בזיכרון הדפדפן. אפשר לעבור על מאות פלטות בדקה בלי המתנה לשרת.

כלים רבים מכריחים להמתין לבקשת רשת בכל יצירה חדשה. ההשהיה שוברת את הזרימה.

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

הערת מתודולוגיה: בבדיקות UX של 2026, אלגוריתם יצירת הצבע המקומי מסתיים בפחות מ-5 מילישניות.

הבנת מרחבי הצבע HSL מול RGB

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

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

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

שאלות נפוצות

שאלות נפוצות ומדריך: מחולל פלטות צבעים

כל מה שצריך לדעת על מחולל פלטות צבעים החינמי של Utiliome.

איך מייצאים פלטת צבעים ל-Tailwind CSS?

לחצו על ייצוא בפלטה הסופית ובחרו בלשונית Tailwind. אפשר להעתיק את אובייקט ה-JSON ישר לקובץ tailwind.config.js.

איך המחולל מחליט אילו צבעים הולכים יחד?

המחולל משתמש באלגוריתמי HSL כדי לחשב יחסים הרמוניים (משלים ואנלוגי), לא רק ערכי RGB אקראיים.

אפשר לנעול כמה צבעים יחד?

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

יש מגבלה על מספר הפלטות?

אין שום מגבלה. כי החישוב רץ מקומית במכשיר, אפשר לייצר אלפי פלטות מיד.

אפשר להשתמש בכלי לגמרי בלי אינטרנט?

כן. אחרי שהדף נטען, כל האפליקציה רצה מקומית ולא צריכה רשת.

הכלי חינם לגמרי?

כן, 100% חינם, בלי מגבלות, בלי פרסומות ובלי הרשמה.