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

შეამოწმეთ თქვენი ფერები

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

1.00:1

კონტრასტი

ჩავარდა

ძალიან ცუდი

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

AA (4.5:1)

AAA (7:1)

დიდი ტექსტი

AA (3:1)

AAA (4.5:1)

ტექსტის ფერი

ფონის ფერი

სწრაფი შესწორებები

წინასწარი ნახვის სათაური

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

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

ტექსტი

#ffffff

ფონი

#e57000

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

დონე AA

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

დონე AAA

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

არასაკმარისი კონტრასტი ყველა ტექსტის ზომისთვის - ვერ აკმაყოფილებს WCAG სტანდარტებს.

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

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

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

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

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

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

ხშირად დასმული კითხვები

WCAG AA შესაბამისობისთვის ჩვეულებრივ ტექსტს სჭირდება მინიმუმ 4.5:1 კონტრასტის კოეფიციენტი, დიდ ტექსტს (18pt ან თამამი 14pt) კი 3:1.

WCAG AAA მოითხოვს უფრო მაღალ კონტრასტის კოეფიციენტებს: ჩვეულებრივი ტექსტისთვის 7:1 და დიდი ტექსტისთვის 4.5:1, AA-სთვის შესაბამისად 4.5:1 და 3:1.

გამოიყენეთ ავტომატური შესწორების ფუნქცია ტექსტის ან ფონის ფერის დასარეგულირებლად, დიზაინის ჩანაფიქრის შენარჩუნებით, ან ხელით დაარეგულირეთ ფერები HSL სლაიდერებით, რომლებიც AA/AAA შესაბამისობის ოპტიმალურ ზონებს აჩვენებს.

მწვანე ზონები და AA/AAA მარკერები აჩვენებს WCAG შესაბამისობის მისაღწევად ოპტიმალურ დიაპაზონებს. მიმართულების მინიშნებები (უფრო ღია/უფრო მუქი) გაძლევთ მითითებას, როგორ გააუმჯობესოთ კონტრასტი თქვენი ფერების მიმდინარე კომბინაციის მიხედვით.

დიახ, შეგიძლიათ შეიყვანოთ ნებისმიერი HEX კოდი ან აირჩიოთ ფერები ფერის ამრჩევით. URL ავტომატურად განახლდება, რათა შეძლოთ კონკრეტული ფერების კომბინაციის გაზიარება.