הזן ערך צבע CSS, לדוגמה #ff6600, ff6600, rgb(255 102 0) או hsl(24 100% 50%). הכלי יציג את הצבע וימיר אותו לפורמטי CSS נפוצים.
רקע אטום משמש לחישוב ניגודיות עם צבע שקוף. זה משנה את רקע ההשוואה, לא את הצבע שהזנת.
ערכים נפתרים בדפדפן זה ל-sRGB. צבעים תלויי הקשר כגון currentColor, var() וצבעי מערכת אינם מתקבלים. פונקציות טווח רחב ו-CSS צבע 4 נמצאות מחוץ לפורמטי הקלט הנתמכים של הכלי הזה. השקיפות נשמרת ב-RGBA, HSLA ובאלפא HEX. RGB ו-HSL משמיטים את אלפא. ספי ניגודיות אינם מחליפים ביקורת נגישות מלאה.
הזן ערך צבע CSS חוקי.
הקלט השתנה. דוח זה עדיין שייך לריצה המוצלחת האחרונה.
דגימת צבע תופיע כאן
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
קלט CSS
—
יחס ניגודיות WCAG:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 הוא סף AA לטקסט רגיל; 3:1 חל רק על טקסט גדול מספיק. 7:1 הוא AAA עבור טקסט רגיל. בדיקת צמד צבעים אינה קובעת את הנגישות הכוללת של הדף.
מדוע להשתמש בודק צבעים מקוון של CSS?
כלי זה עוזר לך לדמיין במהירות כל ערך צבע CSS ישירות בדפדפן שלך. ניתן להדביק קודים ממערכת עיצוב, מדריך סגנונות או פריסה ולראות מיד איך הם נראים על המסך.
השתמש בו בעת הכנת סגנונות לאתר, התאמת צבעי מותג או ניפוי באגים בפריסות קיימות. הבודק תומך בכל פורמטי ה-CSS הסטנדרטיים, כולל HEX, RGB, RGBA, HSL וצבעים בעלי שם.
התחלה מהירה
המר CSS צבעים ובדוק את ניגודיות הטקסט על רקע אטום עם אלפא.
ביקורות נבדקות לפני הפרסום. אנו מפרסמים משוב חיובי אמיתי וביקורת ספציפית. ספאם ועלבונות ללא פרטים מועילים אינם מתפרסמים; ניבולי פה ופרטים אישיים מוסווים. קולות חיוביים נספרים מיד; קולות שליליים נספרים לאחר בדיקה.
ביקורות משקפות את חוויות המשתמשים, לא ערובה לתוצאות או תיאור של מגבלות השירות. השתמש בכפתורי הדירוג למעלה כדי להשאיר ביקורת.
