Rang Kontrastini Tekshiruvchi
Matn rangi va fon rangining kontrast nisbati va o'qishning qulayligi standartini (WCAG AA) darhol aniqlang
Xususiyatlar
Kontrast nisbatini darhol aniqlang
Matn rangi va fon rangini kiritish bilan WCAG AA ga muvofiq yoki yo'q ekanligini ko'rsating
Tanlash asbobi va kod ikkala tomonini ham qo'llab-quvvatlaydi
HEX, qisqartirilgan shakl, rgb() nusxalashni va rang tanlashni kiriting
2 o'lchamdagi namuna ko'rinishi
Oddiy matn va sarlavhaning haqiqiy ko'rinishini darhol tekshiring
Bir bosish bilan muvofiq rangni tanlang
Rang oyasini saqlayotganda yorug'likni o'zgartirgan tavsiya rangini darhol qo'llang
Qo'llanish usuli
Matn rangini ko'rsating
Rangli tanlash asbobi bilan tanlang yoki #333333, #333 yoki rgb(51, 51, 51) formatidagi rang kodini kiriting
Fon rangini ko'rsating
Bir xil tarzda fon rangini ko'rsating. Tugmani bosmasdan kiritish bilan natija yangilanadi
Nisbat, muvofiq yoki yo'q, namunani tekshiring
Kontrast nisbati, oddiy matn va katta matn muvofiq yoki yo'q ekanligini, bir so'z bilan baholashni, namuna matnining ko'rinishini tekshiring
Tavsiya rangini qo'llang va qayta tekshiring
Agar muvofiq bo'lmasa, "Matn rangini ... ga o'zgartirish" kabi tavsiya tugmasi bilan muvofiq bo'ladigan rangni qo'llang. Almashtirish tugmasi bilan matn rangi va fon rangini almashtirish ham mumkin
Foydalanish holatlari
Slayd va materialning rang sxemasi tekshiruvi
Korporativ materiallar yoki slaydning matn rangi va fon rangi o'qilishini yaratish oldidan tekshiring
Veb-saytning rang sxemasi tekshiruvi
Sayt yoki bannerning rang sxemasi kirishning imkoni standartiga (WCAG AA) muvofiq ekanligini tekshiring
Brand rangining asosiy matnda foydalanish qarorlashtirilishi
Brand rangini matn rangi sifatida ishlatayotganda, asosiy matnda foydalanish uchun qanchalik qora bo'lishi kerakligini aniqlang
Muvofiq bo'lmagan rang sxemani tuzatish
Ayblanayotgan rang sxemani, rang oyasini saqlayotganda muvofiq bo'ladigan rangga o'zgarting
Asosiy bilimlar
Kontrast nisbati nima
Kontrast nisbati - bu matn rangi va fon rangining yorug'lik farqini 1:1 dan 21:1 gacha raqam bilan ifodalovchi ko'rsatkich. Qora va oq kombinatsiyasi maksimal 21:1 ga teng, bir xil ranglar minimal 1:1 ga teng.
- Hisoblash mexanizmi：Kontrast nisbati 2 rangni sRGB ning nisbiy yorug'ligiga o'zgartiradi, undan keyin yorug'roq rangning yorug'ligi va tiniqroq rangning yorug'ligiga 0,05 ni qo'shadi va bo'ladi.
- Raqam standartlari：Oq fon (#FFFFFF) ga nisbatan, kulrang #777777 4,47:1, #999999 2,84:1, qora (#000000) 21:1 kontrast nisbatiga teng.
WCAG AA va AAA farqi
WCAG veb-mazmun kirishning imkoni haqidagi xalqaro qo'llanma bo'lib, kontrast nisbatining muvofiq chiziqlari AA va AAA 2 bosqichda belgilanadi.
- AA (standart daraja)：AA oddiy matn uchun 4,5:1 va undan yuqori, katta matn uchun 3,0:1 va undan yuqori bo'lishni talab qiladi, bu jumla veb-saytlarning maqsadi bo'lgan daraja.
- AAA (yanada qat'iy daraja)：AAA oddiy matn uchun 7:1 va undan yuqori, katta matn uchun 4,5:1 va undan yuqori bo'lishni talab qiladi, bu ko'rish qobiliyati past bo'lgan odamlarga ham o'qish qulayligi maqsadini o'z ichiga oladi.
Katta matnning ta'rifi
WCAG dagi katta matn taxminan 18 punkt (24px) va undan katta yoki qalin 14 punkt (taxminan 18,7px) va undan katta matnni bildiradi.
- Oddiy matn：Oddiy matn katta matnning ta'rifiga tushmaydigan o'lchamdagi matn bo'lib, asosiy matn va izohlar kabi o'qiladigan matnlar kiradi, 4,5:1 va undan yuqori kontrast nisbati zarur.
- Sarlavha bilan bog'liq：Sarlavhada ham 24px dan past va qalin emasligida oddiy matn sifatida qaraladi, shuning uchun o'lchamdanI tashqari qaliligi ham tekshirish zarur.
Xavfsizlik va Maxfiylik
Faqat brauzerda
Kiritilgan ma'lumotlar faqat brauzeringizda qayta ishlanadi va tashqariga yuborilmaydi.
Faqat brauzer ichida qayta ishlash
Kontrast nisbatini hisoblash va rang tavsiyalari sizning brauzeringiz ichida bajariladi va kirish ma'lumotlari serverga yuborilmaydi.
Aloqa HTTPS orqali shifrlangan
Sahifani yuklash ham TLS orqali shifrlangan bo'lib, uchinchi tomonlar tomonidan tarkibi o'qilmaydi.
Uchinchi tomonlarga yuborish yo'q
Kirish tarkibi reklama tarmog'i yoki kuzatuvchi kabi tashqi xizmatlariga yuborilmaydi.
Natijalani avtomatik saqlash yo'q
Kiritilgan matn rangi yoki fon rangi yoki kirish variantlari serverda saqlanmaydi.
Google qidiruvda RAKKOTOOLS ni kuzatib turing
193 ta qulay vosita Google qidiruv va AI qidiruvdan osonroq topiladi!
- qidiruvda topiladi
- AI qidiruvda ham ko'rsatiladi
- yangi vositalarni ham kashf eting
Yangilanishlar
- update #337
Rang kontrasti tekshiruvchisini qo'shing, matn va fon ranglarining o'qilishini baholang
Ajralib vositalar
193ta bepul veb-asbobdan hoziroq foydalanishingiz mumkin!