This template returns the color contrast ratio 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). màu sắc names và hex letters are case-insensitive (i.e. they may be upper- or lower-case).

Bạn đang xem: Contrast ratio là gì


Cách sử dụng

lấy ví dụ như tất cả nền sáng

MàuchữMàunềnMẫuMãTỷ lệ độtương phảnWCAG 2.0conf.
  #000000  #FFFFFF Mẫu #00000021AAA
  #000080  #DDDDDD Mẫu Color contrast ratio11.787AAA
  #7B0000  #FF9900 Mẫu #FF99005.324AA
  #004800  #AAAAAA Mẫu màu sắc contrast ratio4.691AA
  red  white Mẫu red3.998Không
  #FF0000  #FF9999 Mẫu Color contrast ratio1.955Không

lấy ví dụ gồm nền tối

MàuchữMàunềnMẫuMãTỷ lệ độtương phảnWCAG 2.0conf.
  #BADFEE  black Mẫu BlAcK14.878AAA
  red  black Mẫu red5.252AA
  #FFFF00  #00FFFF Mẫu Color contrast ratio1.168Không

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 rattiện ích ios for ordinary text as follows:

WCAG 2.0 text contrast ratiosFont sizeNot CompliantLevel AALevel AAA
Normal 7.0
Large (18 pt or 14 pt bold) 4.5

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

Xem thêm: Accomplish Là Gì, Nghĩa Của Từ Accomplish, Accomplish Là Gì, Nghĩa Của Từ Accomplish

Bản mẫu:Color contrast conformanceWikipedia:WikiProject AccessibilityColour Contrast CheckG18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (và images of text) và background behind the textIndex of Color Contrast Samples
Tài liệu trên được truyền mua tự Bản mẫu:màu sắc contrast ratio/doc. (sửa | định kỳ sử)Biên tập viên sửa đổi có thể nghiên cứu trong những trang địa điểm test (chế tác | sao) cùng trường thích hợp kiểm test (tạo) của phiên bản mẫu này.Xin hãy bổ sung cập nhật những thể các loại vào trang bé /doc. Các trang bé của phiên bản mẫu này.
*



☆ ☆ ☆ ☆ ☆

Scores: 4.7 (79 votes)


Thank for your voting!


*

La Trọng Nhơn

Tôi là La Trọng Nhơn - bạn xây dựng nên kulturbench.com.nước ta, tôi có niềm ham cùng với Digital Marketing. Tôi ước ao xây cất trang web này nhằm share đến các các bạn chạm mặt khó khăn khi ban đầu vào nghề, rất có thể tiếp cận kỹ năng đúng chuẩn và thực tiễn thông qua trang web này.


Hội kỳ Liên Hiệp Quốc là gì? Chi tiết về Hội kỳ Liên Hợp Quốc mới nhất 2021
Bristol T.T.A. là gì? Chi ngày tiết về Bristol T.T.A. mới nhất 2021

100 lần tự tò mò cũng không bởi 1 lần được tư vấn


Kchất hóa học phải bốn vấn*Digital Marketing ToolĐào tạo ra SEOĐào sinh sản Google AdwordsĐào tạo thành Facebook AdsĐào tạo nên Content MarketingKhóa học Thiết kế website

VỀ CÔNG TY kulturbench.com

kulturbench.com – cửa hàng Dịch vụ cùng Đào tạo nên Digital Marketing uy tín trên TPHồ Chí Minh, với các khóa đào tạo cùng các dịch vụ SEO, Google Adwords, thi công Website.

THÔNG TIN LIÊN HỆ

Bài viết liên quan

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *