דלג לתוכן הראשי
toolsxulo

בורר צבעים

בחר צבע ויזואלית וקבל HEX, RGB, HSL ו-CMYK, בתוספת בדיקת ניגודיות.

HEX
#F2B705
RGB
rgb(242, 183, 5)
HSL
hsl(45, 96%, 48%)
CMYK
cmyk(0%, 24%, 98%, 5%)

ניגודיות טקסט (WCAG)

כטקסט על לבן1.82:1
Aaלא עומד ב-AAלא עומד ב-AAA
כטקסט על שחור11.55:1
Aaעומד ב-AAעומד ב-AAA

איך זה עובד

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

קרא את המדריך המלא

איך להשתמש

  1. לחץ על דוגמית הצבע כדי לפתוח את בורר הצבעים של הדפדפן, או השתמש בטפטפת כדי לדגום צבע מכל מקום על המסך.
  2. בחר כל צבע ויזואלית, או הקלד ערך HEX ישירות.
  3. ערכי HEX, RGB, HSL ו-CMYK מתעדכנים יחד - העתק את מה שאתה צריך, ובדוק את סעיף הניגודיות כדי לראות אם הצבע קריא כטקסט.

דוגמאות

נבחר: צהוב זהוב#F2B705 / rgb(242, 183, 5) / hsl(45, 96%, 48%)

שאלות נפוצות

מאיפה מגיע ממשק בורר הצבעים?
זה בורר הצבעים המובנה של הדפדפן ומערכת ההפעלה שלך, לא משהו מותאם אישית - כך שהוא נראה ופועל בדיוק כמו שאתה כבר מכיר.
אפשר להקליד ערך צבע במקום ללחוץ על הדוגמית?
כן, שדה ה-HEX מקבל קלט ישיר אם כבר יודעים את הקוד הרצוי, והוא נשאר מסונכרן עם דוגמית הצבע בשני הכיוונים.
מה עושה כפתור הטפטפת?
בדפדפנים שתומכים ב-EyeDropper API (Chrome, Edge, ודפדפני Chromium נוספים), הוא מאפשר לדגום כל פיקסל על המסך - לא רק בתוך הדף הזה - וטוען את הצבע המדויק הזה לתוך הכלי.