Verificator de contrast de culori
Evaluează pe loc raportul de contrast între culoarea textului și culoarea de fundal și conformitatea cu standardele de lizibilitate (WCAG AA)
Caracteristici
Evaluare instantanee a raportului de contrast
Afișează imediat conformitatea cu WCAG AA doar prin introducerea culorii textului și a culorii de fundal
Suport pentru selector și cod
Specifică culoarea prin HEX, format scurtat, rgb() sau selectând cu selectorul de culoare
Afișaj eșantion în 2 dimensiuni
Verifică pe loc aspectul real al textului normal și al titlurilor
Aplică culori conforme cu un singur clic
Aplică imediat culorile sugerate care respectă standardele, menținând nuanța și modificând doar luminozitatea
Cum să utilizezi
Specifică culoarea textului
Selectează cu selectorul de culoare sau introdu codul de culoare în format #333333, #333 sau rgb(51, 51, 51)
Specifică culoarea de fundal
Specifică culoarea de fundal în același mod. Rezultatele se actualizează pe măsură ce introduci date, fără a fi nevoie să apesi vreun buton
Verific raportul, conformitatea și eșantionul
Verifică raportul de contrast, conformitatea pentru textul normal și textul mare, o evaluare succintă și aspectul textului eșantion
Aplică culorile sugerate și verifică din nou
Dacă nu este conform, aplică culori conforme prin butoanele de sugestie precum "Schimbă culoarea textului în…". Poți folosi și butonul de inversare pentru a schimba între culoarea textului și culoarea de fundal
Cazuri de utilizare
Verificare paleta pentru prezentări și materiale
Verifică dacă textul și fundalul materialelor interne și prezentărilor sunt lizibile înainte de creare
Verificare paleta website
Verifică dacă paleta site-ului sau a bannerului respectă standardele de accesibilitate (WCAG AA)
Decizie privind utilizarea culorii de brand în corp de text
Determină cât de intens trebuie să fie culoarea de brand pentru a putea fi utilizată ca text în corpul articolului
Corectare paletă neconformă
Corectează paleta critică, menținând nuanța și ajustând-o la o culoare conformă
Cunoștințe de bază
Ce este raportul de contrast
Raportul de contrast este o valoare numerică care exprimă diferența de luminozitate între culoarea textului și culoarea de fundal, de la 1:1 la 21:1. Combinația de negru și alb are maxim 21:1, iar aceeași culoare de două ori are minim 1:1.
- Cum funcționează calculul：Raportul de contrast se calculează convertind cele două culori la luminanța relativă sRGB, adunând 0,05 la luminanța fiecăreia, și apoi efectuând o împărțire.
- Valori de referință：Pe fundal alb (#FFFFFF), gri #777777 are raport de contrast 4,47:1, #999999 are 2,84:1, iar negru (#000000) are 21:1.
Diferența dintre AA și AAA în WCAG
WCAG este o directivă internațională privind accesibilitatea conținutului web, care definește pragurile de conformitate a raportului de contrast în două niveluri: AA și AAA.
- AA (nivel standard)：AA necesită minim 4,5:1 pentru textul normal și 3,0:1 pentru textul mare, fiind nivelul la care se orientează în general site-urile web.
- AAA (nivel strict)：AAA necesită minim 7:1 pentru textul normal și 4,5:1 pentru textul mare, fiind nivelul care urmărește lizibilitate și pentru persoanele cu vedere slabă.
Definiția textului mare
Textul mare conform WCAG este text cu dimensiunea aproximativ 18 puncte (24px) sau mai mare, sau text îngroșat cu dimensiunea aproximativ 14 puncte (aprox. 18,7px) sau mai mare.
- Text normal：Textul normal este text cu dimensiuni care nu intră în categoria textului mare, cum ar fi textul din corp și note, necesitând raport de contrast minim 4,5:1.
- Relație cu titlurile：Chiar și titlurile cu dimensiuni sub 24px și neîngroșate sunt tratate ca text normal, deci trebuie verificate atât dimensiunea cât și grosimea.
Securitate și confidențialitate
Procesare în browser
Datele introduse sunt procesate doar în browserul dumneavoastră și nu sunt trimise în exterior.
Procesare doar în browser
Calculul raportului de contrast și sugestiile de culoare se efectuează în întregime în browserul dvs., iar datele de intrare nu sunt trimise la server.
Comunicare criptată cu HTTPS
Încărcarea paginii este și ea criptată prin TLS, iar conținutul nu poate fi citit de terți.
Nicio transmisie către terți
Conținutul intrării nu este trimis serviciilor externe, cum ar fi rețele de publicitate sau tracked-uri.
Nicio salvare automată a rezultatelor
Culoarea textului și culoarea de fundal pe care le-ai introdus și sugestiile de intrare nu sunt stocate pe server.
Urmărește RAKKOTOOLS în Google Search
194 instrumente utile devin mai ușor de găsit din Google Search și căutările AI!
- Se găsește în căutare
- Se afișează și în căutări AI
- Descoperă instrumente noi
Informații de actualizare
- update #337
Verificator de contrast de culoare adăugat, evaluează lizibilitatea culorii textului și a fundalului