ფერის კონტრასტის შემმოწმებელი

ხელმისაწვდომობის უზრუნველსაყოფად, შეამოწმეთ წინა და ფონის ფერებს შორის კონტრასტის თანაფარდობა.

1.00:1
კონტრასტი
Fail
ძალიან ღარიბი

ჩვეულებრივი ტექსტი

AA (4.5:1)
AAA (7:1)

დიდი ტექსტი

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#b3b3b3

სწრაფი გამოსწორებები

Aa

სათაურის გადახედვა

სწრაფი ყავისფერი მელა ზარმაც ძაღლს გადაახტება

პატარა ტექსტის მაგალითი (12 პიქსელი)

ტექსტი
#000000
ფონი
#b3b3b3

WCAG სტანდარტები

Level AA

მინიმალური კონტრასტის თანაფარდობა 4.5:1 ჩვეულებრივი ტექსტისთვის და 3:1 დიდი ტექსტისთვის. აუცილებელია ვებსაიტების უმეტესობისთვის.

Level AAA

გაუმჯობესებული კონტრასტის თანაფარდობა 7:1 ჩვეულებრივი ტექსტისთვის და 4.5:1 დიდი ტექსტისთვის. რეკომენდებულია ოპტიმალური ხელმისაწვდომობისთვის.

ცუდი კონტრასტი ტექსტის ყველა ზომისთვის.

ფერის კონტრასტის შემოწმება

გამოთვალეთ ტექსტისა და ფონის ფერების კონტრასტის თანაფარდობა.

აირჩიეთ ფერი ტექსტისა და ფონის ფერისთვის ფერის ამომრჩევის გამოყენებით ან შეიყვანეთ ფერი RGB თექვსმეტობით ფორმატში (მაგ., #259 ან #2596BE). შეგიძლიათ დაარეგულიროთ სლაიდერი ფერის ასარჩევად. ვებ შიგთავსის ხელმისაწვდომობის სახელმძღვანელო პრინციპებს (WCAG) აქვს სპეციალური სახელმძღვანელო, რომელიც დაგეხმარებათ გაარკვიოთ ტექსტი იკითხება თუ არა მხედველობის მქონე მომხმარებლებისთვის. ეს კრიტერიუმი იყენებს კონკრეტულ ალგორითმს ფერთა კომბინაციების შესადარებელ თანაფარდობებად გამოსასახად. ამ ფორმულის გამოყენებით, WCAG აცხადებს, რომ 4.5:1 ფერის კონტრასტის თანაფარდობა ტექსტთან და მის ფონთან ადეკვატურია რეგულარული (სხეულის) ტექსტისთვის, ხოლო დიდი ტექსტი (18+ pt რეგულარული, ან 14+ pt თამამი) უნდა ჰქონდეს მინიმუმ 3: 1 ფერის კონტრასტის თანაფარდობა.

ძირითადი მახასიათებლები

  • რეალურ დროში კონტრასტის კოეფიციენტის გაანგარიშება
  • WCAG AA და AAA შესაბამისობის შემოწმება
  • HSL სლაიდერები ზუსტი რეგულირებისთვის
  • მრავალი წინასწარი გადახედვის ფორმატი

გაფართოებული ინსტრუმენტები

  • ავტომატური ფერის ფიქსაცია
  • ტექსტისა და ფონის ნიმუშები
  • ფერის სახელის ამოცნობა
  • ექსპორტის შედეგები