בחרו צבע, קחו את הקוד, וחזרו לעבודה
בורר צבעים, בונה מעברי צבע וטפטפת תמונה בדף אחד. בלי חשבון, בלי התקנה ובלי המתנה: בחרו גוון והעתיקו אותו כ-HEX, RGB, HSL או HSV.
קודי צבע
#0F37FFrgb(15, 55, 255)hsl(230°, 100%, 52.94%)hsv(230°, 94.12%, 100%)cmyk(94.12%, 78.43%, 0%, 0%)xyz(19.61, 10.05, 95.5)lab(37.93, 62.96, -98.45)lch(37.93, 116.86, 302.6°)צבעים מובילים
לכל הצבעים המוביליםמה יש כאן
טפטפת
דגמו צבעים מתמונה שהעליתם, או מכל דבר על המסך במקומות שבהם הדפדפן מאפשר זאת. שחררו קובץ על הדף ולחצו על פיקסל.
המרת פורמטים
עברו מיד בין HEX, RGB, HSL, HSV, CMYK, XYZ, LAB ו-LCH, והעתיקו כל ערך ישירות ל-CSS או לכלי העיצוב שלכם.
בונה מעברי צבע
הוסיפו וגררו נקודות עצירה לאורך הסרגל, עברו בין לינארי למעגלי, כוונו זווית ואטימות, ואז העתיקו את ה-CSS המוכן.
היסטוריית צבעים
כל צבע וכל מעבר צבע שיצרתם נשאר בדפדפן שלכם, כדי לחזור אליו בהמשך או להשתמש בו שוב בפרויקט אחר.
הרמוניות וגוונים
בכל דף צבע יש גוונים בהירים וכהים ושש סכמות הרמוניה, וכל אחת מהן הופכת למעבר צבע בלחיצה אחת.
חינמי ופרטי
אין חומת תשלום ואין מעקב אחרי מה שאתם בוחרים. תמונות שמעלים נקראות בדפדפן ולא נשלחות לשום מקום.
למי זה מיועד
- מעצבים וצוותי מוצר
- כששרטטים ממשק או פלטת מותג, בוחנים שילובים ומעתיקים את ה-CSS המדויק של מעבר צבע.
- איור וציור
- לדגימת צבעים מתצלומים ומציורים בעזרת הטפטפת, ולתכנון מעברי הצללה רכים.
- פיתוח צד לקוח
- להפקת ערכי צבע עקביים לאורך פרויקט ולקריאתם חזרה מתוך עיצוב קיים.
- מי שבודק נגישות
- להשוואת צבע בין מודלים שונים ולכיוונו עד שיחס הניגודיות עובר את הסף הנדרש.
איך משתמשים
- 1
בחרו צבע
לחצו בכל מקום בשדה הרוויה, ואז דייקו בעזרת המחוונים של הגוון והשקיפות. ה-HEX, ה-RGB וה-HSV מתעדכנים תוך כדי.
- 2
דגמו מתמונה
גררו תמונה אל הדף או בחרו קובץ, ואז לחצו על הפיקסל הרצוי. הקודים מופיעים מיד.
- 3
בנו מעבר צבע
לחצו על הסרגל כדי להוסיף נקודת עצירה וגררו אותה למקומה. עברו בין לינארי למעגלי וקבעו את הזווית.
- 4
העתיקו והשתמשו
העתיקו את הערך או את הצהרת ה-CSS כולה. כל מה שבחרתם נשמר להיסטוריה אוטומטית.
שאלות נפוצות
כלי קטן שלא עומד בדרך
זה התחיל ככלי פנימי: רצינו לתפוס צבע, לכוון אותו ולהמשיך הלאה, בלי לפתוח קודם תוכנת עיצוב כבדה. זה במכוון דף אחד, במכוון מהיר, וזה יישאר חינמי.
תוספי דפדפן
מעדיפים לדגום צבעים ישירות מהדפים שאתם גולשים בהם? התוספים ל-Chrome ול-Edge מוסיפים כפתור טפטפת לסרגל, מנהלים היסטוריה משלהם ופותחים את הכלי הזה בלחיצה אחת.