Đơn giản hóa quy trình làm việc của bạn: Tìm kiếm miniwebtool.
Thêm
Trang chủ > Linh tinh > Công Cụ Màu Sắc > Trình Kiểm Tra Độ Tương Phản Màu Sắc
 

Trình Kiểm Tra Độ Tương Phản Màu Sắc

Kiểm tra tỷ lệ tương phản màu sắc giữa văn bản và màu nền. Kiểm tra tính tuân thủ WCAG 2.x AA/AAA cho văn bản bình thường và văn bản lớn với bản xem trước thời gian thực, gợi ý màu sắc và phân tích khả năng truy cập chi tiết.

Trình Kiểm Tra Độ Tương Phản Màu Sắc
Xem trước trực tiếp
Chú chó nâu nhanh nhẹn nhảy qua
Văn bản nội dung thông thường ở kích thước chuẩn (16px). Đây là những gì hầu hết người dùng sẽ đọc trên trang web hoặc ứng dụng của bạn.
Văn bản nhỏ (13px): Chú thích, ghi chú chân trang và thông tin phụ cũng cần có độ tương phản tốt.
Nút bấm Liên kết gạch chân Trường nhập liệu

Embed Trình Kiểm Tra Độ Tương Phản Màu Sắc Widget

Giới thiệu về Trình Kiểm Tra Độ Tương Phản Màu Sắc

Trình kiểm tra độ tương phản màu sắc giúp các nhà thiết kế, nhà phát triển và chuyên gia về khả năng tiếp cận đảm bảo rằng các tổ hợp màu đáp ứng tiêu chuẩn khả năng tiếp cận WCAG 2.x. Độ tương phản phù hợp giữa văn bản và màu nền là điều cần thiết cho khả năng đọc, đặc biệt đối với những người dùng có thị lực kém hoặc khiếm khuyết về thị lực màu sắc.

Tỷ lệ tương phản màu sắc là gì?

Tỷ lệ tương phản màu sắc đo lường sự khác biệt về độ chói (độ sáng) cảm nhận được giữa hai màu. Nó dao động từ 1:1 (màu giống hệt nhau, không có độ tương phản) đến 21:1 (độ tương phản tối đa: đen trên nền trắng). Tỷ lệ được tính bằng công thức WCAG 2.x dựa trên các giá trị độ chói tương đối của cả hai màu.

Yêu cầu tương phản WCAG

Hướng dẫn về khả năng tiếp cận nội dung web (WCAG) xác định hai mức độ tuân thủ đối với độ tương phản màu sắc:

Loại thành phầnWCAG AAWCAG AAA
Văn bản bình thường (<18pt / <14pt đậm)4.5 : 17 : 1
Văn bản lớn (≥18pt / ≥14pt đậm)3 : 14.5 : 1
Thành phần giao diện & đồ họa3 : 1

Điều gì được tính là "văn bản lớn"?

WCAG định nghĩa văn bản lớn là văn bản có kích thước ít nhất 18 point (24px) trọng lượng bình thường, hoặc ít nhất 14 point (18.66px) trọng lượng in đậm. Văn bản lớn có yêu cầu tương phản thấp hơn vì các ký tự lớn hơn vốn dĩ dễ đọc hơn.

Cách sử dụng công cụ này

  1. Nhập màu sắc của bạn: Chọn màu tiền cảnh (văn bản) và màu nền bằng bộ chọn màu, nhập mã hex hoặc nhấp vào ví dụ cài đặt sẵn.
  2. Kiểm tra bản xem trước trực tiếp: Xem màu sắc của bạn hiển thị như thế nào trên các thành phần giao diện người dùng thực tế (tiêu đề, văn bản nội dung, nút, liên kết, đầu vào biểu mẫu) ngay lập tức.
  3. Nhấp vào "Kiểm tra độ tương phản": Nhận tỷ lệ tương phản chính xác và trạng thái tuân thủ WCAG cho văn bản bình thường, văn bản lớn và các thành phần giao diện người dùng.
  4. Áp dụng gợi ý: Nếu màu sắc của bạn không đạt, hãy sử dụng các gợi ý tự động để tìm phương án thay thế có khả năng tiếp cận gần nhất.

Hiểu về kết quả

Tỷ lệ tương phản

Con số chính (ví dụ: 8.59:1) cho bạn biết hai màu sắc xuất hiện khác nhau như thế nào. Con số càng cao thì khả năng đọc càng tốt. Tỷ lệ ít nhất 4.5:1 đảm bảo hầu hết người dùng có thể đọc văn bản kích thước bình thường một cách thoải mái.

Xếp hạng tổng thể

  • AAA (Xuất sắc): Đạt tất cả các tiêu chí WCAG bao gồm mức nâng cao (7:1+). Khả năng tiếp cận tốt nhất có thể.
  • AA (Tốt): Đạt các yêu cầu tiêu chuẩn (4.5:1+). Đáp ứng các yêu cầu pháp lý ở hầu hết các khu vực tài phán.
  • AA Large (Một phần): Chỉ đạt đối với văn bản lớn hoặc các thành phần giao diện người dùng (3:1+). Văn bản bình thường không đạt.
  • Thất bại (Kém): Không đáp ứng bất kỳ tiêu chí tương phản WCAG nào. Văn bản sẽ khó đọc đối với nhiều người dùng.

Gợi ý màu sắc

Khi màu sắc của bạn không đáp ứng yêu cầu về độ tương phản, công cụ sẽ gợi ý màu có khả năng tiếp cận gần nhất bằng cách điều chỉnh độ sáng trong khi vẫn giữ nguyên tông màu và độ bão hòa. Bạn có thể áp dụng các gợi ý chỉ bằng một cú nhấp chuột.

Tại sao độ tương phản màu sắc lại quan trọng

  • Tuân thủ pháp luật: Nhiều quốc gia yêu cầu tuân thủ WCAG AA theo luật định (ADA, Section 508, EN 301 549, EAA).
  • Trải nghiệm người dùng: Độ tương phản tốt cải thiện khả năng đọc cho tất cả người dùng, không chỉ những người khuyết tật.
  • Tác động SEO: Các công cụ tìm kiếm ngày càng coi khả năng tiếp cận là một yếu tố để xếp hạng.
  • Tiếp cận khán giả: Khoảng 1 trong số 12 nam giới và 1 trong số 200 phụ nữ bị khiếm khuyết về thị lực màu sắc.

Mẹo chọn màu sắc dễ tiếp cận

  • Bắt đầu với độ tương phản đầy đủ, sau đó mới tinh chỉnh thiết kế — việc khắc phục độ tương phản sau này sẽ khó khăn hơn.
  • Tránh đặt văn bản có màu trên nền có màu mà không kiểm tra. Ngay cả những màu "có vẻ khác nhau" cũng có thể không đạt khi kiểm tra độ tương phản.
  • Văn bản màu xám nhạt trên nền trắng là một trong những lỗi phổ biến nhất về khả năng tiếp cận.
  • Sử dụng công cụ này trong quá trình thiết kế, không chỉ khi kiểm định — việc phát hiện sớm các vấn đề sẽ tiết kiệm đáng kể công sức làm lại.
  • Đừng chỉ dựa vào màu sắc để truyền tải thông tin; hãy sử dụng cả hình dạng, hoa văn hoặc nhãn dán.

Câu hỏi thường gặp

Tỷ lệ tương phản màu sắc là gì?

Tỷ lệ tương phản màu sắc đo lường sự khác biệt về độ chói cảm nhận được giữa hai màu. Nó dao động từ 1:1 (không tương phản, cùng màu) đến 21:1 (tương phản tối đa, đen trên nền trắng). Tỷ lệ được tính bằng công thức WCAG 2.x: (L1 + 0.05) / (L2 + 0.05), trong đó L1 là độ chói tương đối của màu sáng hơn và L2 là của màu tối hơn.

Tỷ lệ tương phản nào được yêu cầu để tuân thủ WCAG AA?

WCAG AA yêu cầu tỷ lệ tương phản tối thiểu là 4.5:1 cho văn bản bình thường (dưới 18pt hoặc 14pt in đậm) và 3:1 cho văn bản lớn (18pt+ hoặc 14pt+ in đậm). Đối với các thành phần giao diện người dùng không phải văn bản và các đối tượng đồ họa, mức tối thiểu là 3:1.

Sự khác biệt giữa WCAG AA và AAA là gì?

WCAG AA là mức độ tuân thủ tiêu chuẩn yêu cầu 4.5:1 cho văn bản bình thường và 3:1 cho văn bản lớn. WCAG AAA là mức độ nâng cao yêu cầu 7:1 cho văn bản bình thường và 4.5:1 cho văn bản lớn. Mức AA được yêu cầu bởi hầu hết các luật về khả năng tiếp cận, trong khi AAA được khuyến nghị nhưng thường không bắt buộc đối với toàn bộ trang web.

Điều gì được coi là văn bản lớn trong hướng dẫn WCAG?

Trong hướng dẫn WCAG, văn bản lớn được định nghĩa là văn bản có kích thước ít nhất 18 point (24px) trọng lượng bình thường, hoặc ít nhất 14 point (khoảng 18.66px) trọng lượng in đậm. Văn bản lớn có yêu cầu tương phản thấp hơn vì các ký tự lớn hơn dễ đọc hơn.

Làm cách nào để khắc phục độ tương phản màu thấp?

Để khắc phục độ tương phản màu thấp: (1) Làm tối màu văn bản hoặc làm sáng màu nền, hoặc ngược lại. (2) Sử dụng tính năng gợi ý màu của chúng tôi để tự động tìm màu gần nhất đạt yêu cầu. (3) Tăng kích thước phông chữ để đủ điều kiện là "văn bản lớn" vốn có yêu cầu thấp hơn. (4) Tránh chỉ sử dụng màu sắc để truyền tải thông tin.

Độ tương phản màu có chỉ áp dụng cho văn bản không?

Không. Tiêu chí thành công WCAG 2.1 1.4.11 yêu cầu tỷ lệ tương phản tối thiểu 3:1 cho các thành phần không phải văn bản bao gồm viền nhập liệu biểu mẫu, biểu tượng và các đối tượng đồ họa thiết yếu để hiểu nội dung. Điều này áp dụng cho các thành phần giao diện người dùng như nút, trường biểu mẫu và chỉ báo tiêu điểm.

Tài nguyên bổ sung

Tham khảo nội dung, trang hoặc công cụ này như sau:

"Trình Kiểm Tra Độ Tương Phản Màu Sắc" tại https://MiniWebtool.com/vi/trình-kiểm-tra-độ-tương-phản-màu-sắc/ từ MiniWebtool, https://MiniWebtool.com/

bởi đội ngũ miniwebtool. Cập nhật: 11/02/2026

Các công cụ liên quan khác:

Công Cụ Màu Sắc:

Công cụ nổi bật:

Máy tính tuổiTrình Trích Xuất Ảnh từ VideoCông cụ đổi Pound sang KilogramCông cụ chuyển đổi kg sang lbsCông cụ Mã hóa CaesarMáy tính giảm giá phần trămMáy tính thương và số dưMáy tính phân số tối giảnCông cụ chuyển đổi chữ số La MãTrình Tạo Mã MorseTrình tạo số nguyên ngẫu nhiênCông cụ đếm hàngĐảo ngược văn bảnMáy tính thập phân sang phân sốXóa dấu cáchCông cụ chuyển đổi nhị phân sang thập phânTrình tạo chuỗi ngẫu nhiênParaphraser AIMáy tính Phân tích Thừa số Nguyên tốSắp xếp sốCon số may mắn của tôi là gì?Trình tạo tên ngẫu nhiênMáy tính xác suất xúc xắcmáy-tính-số-mũ-độ-chính-xác-caoCông cụ chia ảnhCông cụ chuyển đổi cm sang feet và inchCông cụ chuyển đổi kPa sang psiBộ lặp MP3Máy tính căn bậc haiMáy tính nhị phânBộ chuyển đổi thập phân sang nhị phân📅 Máy tính ngàyCông cụ chuyển đổi inch sang centimetMáy tính HEXMáy tính giai thừaMáy tính ModuloTrình tạo mê cungBộ chuyển đổi FPSBộ chuyển đổi hex sang thập phânMáy tính So sánh Phân sốTrình tạo ngày sinh ngẫu nhiênBộ chuyển đổi Feet và Inch sang CmBộ chuyển đổi HEXMáy tính Cạnh huyềnMáy tính thời gianMáy phát động vật ngẫu nhiênMáy Tính Độ Lệch Chuẩn Tương ĐốiBộ chuyển đổi RGB sang HexTrình tạo số xổ sốCông cụ tạo nhóm ngẫu nhiênMáy tính xác suấtMáy tính ngày trong năm - Hôm nay là ngày thứ mấy trong nămĐây có phải là Số Nguyên Tố?Bộ chọn số ngẫu nhiênBộ chuyển đổi hệ cơ sốMáy Tính Giờ Làm ViệcMáy tính One Rep Max (1RM)Bộ giải mã Base64So sánh hai chuỗiTrình tạo đồ vật ngẫu nhiênBộ Giải Mã Mã MorseTrình tạo Hash MD5Máy tính Ước số chung lớn nhấtCông cụ chuyển đổi phân số thành hỗn sốSắp xếp theo thứ tự bảng chữ cáiBộ chuyển đổi Nhị phân sang HexCông cụ chuyển đổi centimet sang inchTrình nén VideoTrình trích xuất âm thanhCông cụ chuyển đổi gam sang poundCông cụ tạo Sự thật hay Thách đốBộ chuyển đổi Thập phân sang Thập lục phânGhép VideoMáy tính Cung Mặt trời, Mặt trăng & Cung mọc 🌞🌙✨Máy tính hoán vịTrình chuyển đổi SRT sang TXTMáy tính TổngAI Trình thêm dấu câutra-cứu-địa-chỉ-macChuyển đổi Nhị phân sang Bát phânMáy tính BitwiseMáy tính độ lệch chuẩn - Độ chính xác caoTrình tạo oẳn tù tìBộ Chuyển Đổi Nhị PhânCông cụ chuyển đổi hệ thập lục phân sang nhị phânMáy tính Kiểm tra Chia hếtTrình tạo PIN ngẫu nhiênTrình chuyển đổi HTML sang văn bảnBộ Chuyển Đổi Số Sang ChữBộ nén hình ảnhCông cụ chuyển đổi bát phân sang nhị phânCông cụ chuyển đổi thập phân sang bát phânDanh sách Dãy số FibonacciCông cụ chuyển đổi bát phân sang thập phânDanh sách các số nguyên tốBộ Chia Âm ThanhBộ chọn màu hình ảnhMáy tính BSAMáy tính Log Base 10Máy tính Hàm Phi EulerMáy tính Định lý Số dư Trung QuốcCông cụ tạo Biểu đồ Venn (3 Tập hợp)Máy tính lý thuyết tập hợpCông cụ tạo bảng chân trịCông cụ chuyển đổi cân nặng người sang kiếnMáy tính Calo cho MèoMáy tính tiết kiệm bóng đènMáy tính Chi phí TắmMáy tính chi phí điện đào BitcoinMáy tính Giá trị Giấy vệ sinhTra cứu ID người dùng InstagramMáy tính Quãng đường Bàn phímTrình tạo Bingo từ thông dụngMáy tính Xác suất Ngày nghỉ ốmMáy tính lương thực tế theo giờMáy tính Cà phê vs. Giấc ngủMáy tính thời gian trả lời emailMáy tính FIRE - Tự do Tài chính, Nghỉ hưu sớmMáy tính thời gian lãng phí đi làmBộ đếm Chi phí Cuộc họpMáy tính lương trong nhà vệ sinhTrình tạo KakuroTrình tạo KenKen (Calcudoku)trình-tạo-nonogram-picrossGiải và luyện trò chơi 24Tạo và giải SudokuMáy tính khay phô maiMáy tính đài phun sô cô laMáy tính ABV CocktailMáy tính khẩu phần mì SpaghettiMáy tính thời gian làm lạnh biaMáy tính Taco BarMáy tính BBQMáy tính quá liều CaffeineCông cụ lập kế hoạch tiệc pizzaMáy tính rượu tiệc cướiMáy tính Nhà gạch LegoMáy tính Lấp đầy Phòng Bỏng ngôMáy tính va chạm đồng xu rơiMáy tính rơi xuyên Trái đấtMáy tính bức xạ chuốiMáy tính năng lượng Chuột HamsterMáy tính Tỷ lệ Lỗi Dịch chuyển Tức thờiMáy tính nấu gà bằng năng lượng động năngMáy tính lực nâng bóng bay HeliMáy tính Thời gian Sống sót ZombieTrình Kiểm Tra Kích Thước Thu Thập GooglebotMáy tính tỷ lệ bãi đỗ xeMáy tính Cây thông NoelMáy Tính Ngày Tận Thế Ma Cà RồngMáy tính giá trị PizzaMáy tính Quầy nước chanhTrình tạo tiểu bang Mỹ ngẫu nhiênTrình tạo lý do ngẫu nhiênTrình tạo hoạt động ngẫu nhiênTrình tạo công thức cocktail ngẫu nhiênCông cụ chọn phim ngẫu nhiênTrình tạo tên miền ngẫu nhiênTrình tạo siêu năng lực ngẫu nhiênTrình tạo Haiku ngẫu nhiênTrình tạo lời nhắc viết ngẫu nhiênTrình tạo IMEI Ngẫu nhiênTrình tạo chân dung người dùng ngẫu nhiênTrình tạo địa chỉ giả ngẫu nhiênTrình tạo số cổng ngẫu nhiênTrình tạo NanoID ngẫu nhiênMáy tính tuổi thọ pinMáy tính độ rộng đường mạch PCBMáy tính sụt ápMáy tính định luật OhmMáy tính mã màu điện trởTrình tạo chuyển hướng HtaccessCông cụ tối ưu SVGCông cụ tạo faviconCông cụ tạo biểu thức CrontabTrình định dạng SQLCông cụ chuyển đổi cURL sang JSONBộ giải mã JWTCông cụ chuyển đổi JSON sang YAMLMáy tính Chuyển đổi MenCông cụ chuyển đổi kích thước khuôn bánhMáy tính độ ẩm bột nhàomáy-tính-tỷ-lệ-bánh-mìMáy tính kích thước thêu chữ thậpMáy tính vảiMáy tính sợi lenMáy tính nước muối và độ mặnMáy tính tỷ lệ pha cà phêMáy tính ABV bia thủ côngMáy tính sáp và tinh dầu thơm nếnMáy tính xút làm xà phòng (SAP)Máy tính kích thước in và độ phân giải (DPI/PPI)Máy tính Golden Hour và Blue HourMáy tính độ sâu trường ảnh (DoF)Máy tính khoảng cách trồng câyMáy tính Chuyển đổi Tỷ lệ Mô hìnhMáy tính vật liệu nền bể cáMáy tính thể tích và mật độ cá bểQuay vòng quayĐổ xúc xắcTung đồng xuQuả cầu Thần kỳ 8Trình tạo bài tây ngẫu nhiênCông cụ tạo địa chỉ IP ngẫu nhiênTrình tạo thời gian ngẫu nhiênTrình tạo ngày ngẫu nhiênCông cụ tạo tọa độ ngẫu nhiênCông cụ tạo User-Agent ngẫu nhiênTrình tạo thẻ tín dụng ngẫu nhiênTrình tạo JSON ngẫu nhiênTrình tạo quốc gia ngẫu nhiênCông cụ tạo bảng màu ngẫu nhiênCông cụ tạo Emoji ngẫu nhiênCông cụ tạo bữa ăn ngẫu nhiênTrình tạo nhánh giải đấu ngẫu nhiênCông Cụ Tạo Phân Phối GaussMáy tính Giá trị PipMáy tính Lãi kép Hàng ngàyMáy tính Chiến lược MartingaleMáy tính Tiêu chí KellyMáy tính Stop Loss & Take ProfitMáy tính mở rộng Fibonaccimáy-tính-điểm-xoayMáy tính đòn bẩy tiền điện tửBộ chuyển đổi Satoshi sang Đô laMáy Tính Chênh Lệch Giá Tiền Điện TửMáy tính tổn thất tạm thờiMáy Tính Lợi Nhuận Quyền ChọnMáy Tính Biến Động Ngầm ĐịnhMáy tính Greek Quyền chọnMáy tính Định giá Quyền chọn Black-ScholesMáy tính rủi ro phá sảnMáy tính lợi nhuận bán khốngMáy tính Margin CallMáy Tính Kích Thước Vị Thếmáy tính giá trung bình cổ phiếuCông cụ xóa ký tự vô hìnhCông cụ Chuyển đổi Văn bản sang Danh sách SQLCông cụ trích xuất cột văn bảnMáy tính sự khác biệt danh sáchCông cụ tạo văn bản ZalgoCông cụ tạo nghệ thuật ASCIICông cụ tạo văn bản vô hìnhcông-cụ-tạo-văn-bản-ngược-đầuCông cụ tạo văn bản ZalgoCông Cụ Tạo Chữ ĐẹpTrình đọc văn bản thành giọng nóiCông cụ Chuyển đổi Đọc BionicCông cụ kiểm tra mật độ từ khóaMáy tính điểm dễ đọcTrình tạo Lorem IpsumMáy tính Tiết kiệm Thời gian Hàng ngàyCông Cụ Xóa Dấu Ngoặc Kép Thông MinhTrình tạo bảng MarkdownEscape Unescape Chuỗi JSONTrình Tạo Slug URLCông cụ Mã hóa/Giải mã Thực thể HTMLMáy tính Tìm Giao điểm X và YMáy Tính Đỉnh và Trục Đối XứngMáy tính hợp hàmMáy Tính Hàm NgượcMáy Tính Miền Xác Định và Miền Giá TrịCông cụ vẽ đồ thị hàm sốCông Cụ Vẽ Đồ Thị Hệ Bất Phương TrìnhCông cụ giải bất phương trình trị tuyệt đốiCông cụ giải bất phương trìnhCông cụ Giải Hệ Phương Trình Tuyến TínhCông cụ giải phương trình căn thứcCông cụ giải phương trình trị tuyệt đốiCông cụ giải phương trình tuyến tínhMáy Tính Phép Chia Tổng HợpMáy Tính Chia Đa ThứcMáy tính Mở rộng Đa thứcMáy tính phân tích thừa số đa thứcMáy tính biểu thức hữu tỉCông Cụ Đơn Giản Hóa Căn ThứcCông cụ đơn giản hóa biểu thức đại sốCông cụ vẽ đồ thị hàm lượng giácMáy tính đẳng thức lượng giácCông cụ Trực quan hóa Vòng tròn Đơn vị Tương tácCông cụ chuyển đổi tọa độ Descartes sang cựcCông cụ chuyển đổi tọa độ cực sang tọa độ Đề-cácCông cụ chuyển đổi độ thập phân sang DMSCông cụ chuyển đổi DMS sang độ thập phânMáy tính Định lý CosinMáy tính Định lý SinCông cụ Giải Tam giác Tổng quátMáy Tính Tam Giác VuôngMáy Tính Hàm HyperbolMáy tính Cosec, Sec và CotangMáy tính atan2Máy tính arctanMáy tính Arccos (Cosin Nghịch đảo)Máy tính ArcsinMáy tính tanMáy tính CosMáy tính SinMáy tính Độ dốc và CấpMáy Tính Góc Cắt NghiêngCông cụ Kiểm tra Góc vuông (Quy tắc 3-4-5) 📐Máy tính bảng chânMáy tính sàn thềmMáy tính hàng ràoMáy tính lớp phủ, đất và sỏiMáy tính khung tườngMáy tính mái nhàMáy tính độ dốc mái nhàMáy tính Cầu thangMáy tính Giấy dán tườngMáy tính sàn nhàMáy tính gạchMáy tính sơnMáy tính Gạch và VữaMáy tính bê tôngCông cụ tìm đá sinh nhật và hoa cung hoàng đạoMáy Tính Cung Hoàng Đạo Cây CelticMáy tính tương hợp cung Mặt trăngTrình phân tích tương hợp cung hoàng đạo nâng caoLịch trăng non và trăng trònMáy tính Sự trở lại của Sao ThổLịch Sao Thủy Nghịch HànhMáy tính Cân bằng Modality Chiêm tinhMáy Tính Cân Bằng Nguyên Tố Chiêm TinhMáy tính cung sao ThủyMáy tính Cung Sao HỏaMáy tính Cung Sao KimTrình kiểm tra độ mạnh mật khẩuMáy tính phân quyền Unix (chmod)Tạo Cron JobMáy tính căn bậc n độ chính xác caoCông cụ Chuyển đổi Tần số và Bước sóngTrình xác thực XMLĐiều chỉnh tốc độ videoThêm hoặc Thay thế Âm thanh trong VideoThêm hình mờ vào Video