אילו קודי צבע אני מקבל?

HEX, RGB, HSL, HSV, CMYK ו-OKLCH עבור אותו צבע, מוכנים להעתקה.

אפשר לבחור צבע מהמסך שלי?

כן, עם "בחירה מהמסך" בדפדפנים מבוססי Chromium כמו Chrome ו-Edge. הכפתור מוסתר כשהדפדפן שלכם אינו תומך בכך.

האם הכלי בודק אם הטקסט קריא על הצבע?

כן. הוא מציג את יחס הניגודיות לפי WCAG מול לבן ושחור ומסמן AA large, AA, AAA או Fails. הוא גם מציע צבעים משלימים, טריאדיים, אנלוגיים וחד-גוניים.

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

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

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

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

🎨

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

בחר צבעים, המר בין HEX/RGB/HSL וצור פלטות הרמוניות.

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

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

בורר צבעים

HEX

HSV

h217°

s76%

v96%

תצוגה בלבד

RGB

HSL

עוד פורמטים

אלפא100%

HEX8#3b82f6ff

RGBrgb(59 130 246)

HWBhwb(217 23% 4%)

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)

Android0xFF3B82F6

FlutterColor(0xFF3B82F6)

ניגודיות WCAG

הצבע בעל השם הקרוב ביותר: dodgerblue · טקסט שחור קריא יותר כאן (5.71:1)

טקסט על לבן3.68:1AA גדול

טקסט על שחור5.71:1AA

טקסט על #ffffff3.68:1AA גדול

השוואה לצבע אחר

גוונים ומדרגות בהירות (50–950)

שם

פלטת צבעים

משלים

#3b82f6

#f6af3c

טריאדי

#3b82f6

#f63c83

#83f63c

אנלוגי

#3ce0f6

#3b82f6

#523cf6

מונוכרומטי

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

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

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

כיצד זה עובד

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

1
קלט צבע דרך API מקורי
אתה בוחר צבע דרך הווידג'ט המובנה <input type="color"> של הדפדפן, או — בדפדפנים מבוססי-Chromium — EyeDropper API מאפשר לך לדגום כל פיקסל על המסך שלך. שני הנתיבים מחזירים מחרוזת הקס שהופכת למקור האמת היחיד.
2
המרות פורמט כתובות-יד
הכלי ממיר את ערך ההקס ל-RGB, HSL, HSV, CMYK ו-OKLCH באמצעות פונקציות החשבון שלו (ללא ספרייה חיצונית). המרת OKLCH ממירה את ערוצי ה-sRGB לליניאריים, מחילה את מטריצת שורש-הקובייה OKLab, ואז גוזרת כרומה וזווית גוון — תואם את פלט CSS Color Level 4 המודרני.
3
חישוב יחס ניגודיות WCAG
בהירות יחסית מחושבת מערוצי ה-RGB הליניאריים באמצעות נוסחת WCAG 2.x. הכלי אז מחשב יחסי ניגודיות מול לבן טהור ושחור טהור ומתייג אותם AA-large, AA, AAA, או Fail לפי ספי WCAG (3:1, 4.5:1, 7:1).
4
יצירת פלטת הרמוניה ושמירה מקומית
דוגמיות משלימות, טריאדיות, אנלוגיות ומונוכרומטיות נגזרות על ידי סיבוב או צעידה מתמטית של ערכי הגוון והבהירות HSL. פלטות שמורות נכתבות ל-localStorage בדפדפן שלך — שום דבר לא יוצא מהמכשיר שלך.