الگو:نسبت کنتراست رنگ/توضیحات

This template returns the نسبت کنتراست رنگ between the two colors provided. It accepts two parameters, which can be a standard RGB hex color code (#RRGGBB) or a standard HTML color or CSS "orange" (= #FFA500). Color names and hex letters are case-insensitive (i.e. they may be upper- or lower-case).

استفاده

نمونه‌هایی با پس‌زمینه روشن

رنگ متن	رنگ پس‌زمینه	نمونه	کد	نسبت کنتراست	WCAG 2.0 conf.
#000000	#FFFFFF	Sample	{{نسبت کنتراست رنگ|#000000|#FFFFFF}}	21	AAA
#000080	#DDDDDD	Sample	{{نسبت کنتراست رنگ|#000080|#DDDDDD}}	11.787	AAA
#7B0000	#FF9900	Sample	{{نسبت کنتراست رنگ|#7B0000|#FF9900}}	5.324	AA
#004800	#AAAAAA	Sample	{{نسبت کنتراست رنگ|#004800|#AAAAAA}}	4.691	AA
red	white	Sample	{{نسبت کنتراست رنگ|red|white}}	3.998	نه
#FF0000	#FF9999	Sample	{{نسبت کنتراست رنگ|#FF0000|#FF9999}}	1.955	نه

نمونه‌هایی با پس‌زمینه تیره

رنگ متن	رنگ پس‌زمینه	نمونه	کد	نسبت کنتراست	WCAG 2.0 conf.
#BADFEE	black	Sample	{{نسبت کنتراست رنگ|#BaDFeE|BlAcK}}	14.878	AAA
red	black	Sample	{{نسبت کنتراست رنگ|red|black}}	5.252	AA
#FFFF00	#00FFFF	Sample	{{نسبت کنتراست رنگ|#FFFF00|#00FFFF}}	1.168	نه

WCAG 2.0

As a guide to selecting foreground and background colors for text, the Web Content Accessibility Guidelines 2.0 (guideline 1.4) classifies contrast ratios for ordinary text as follows:

WCAG 2.0 text contrast ratios

Font size	Not Compliant	Level AA	Level AAA
Normal	< 4.5	4.5 to 7.0	> 7.0
Large (18 pt or 14 pt bold)	< 3.0	3.0 to 4.5	> 4.5

Normal wiki-text is rendered by common browsers at roughly 9.5 to 10.5 pt (12.5 to 14 px), depending on skin. Text would need to be about 180% or 140% bold to qualify as "Large" for WCAG purposes.

جستارهای وابسته

• en:Template:Color contrast conformance
• en:Wikipedia:WikiProject Accessibility
• Colour Contrast Check
• G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text
• Index of Color Contrast Samples