Instrumente pentru dezvoltatori
Convertor de culoare și Verificator de contrast
Include rapoartele de contrast care decid dacă textul de pe culoarea respectivă este lizibil.
- rulează în browser
- Nu s-a încărcat nimic
Instrumentul
Introduceți o valoare hex sau o culoare RGB.
Tot ceea ce introduceți rămâne pe propriul aparat. Nimic nu este trimis nouă sau nimănui altcineva, lucru pe care îl puteți confirma în fila de rețea a browserului.
Pentru ce îl folosesc oamenii
- decideți dacă să puneți text alb sau negru pe o culoare de marcă
- Conversia unei valori hexadecimale dintr-un fișier de proiectare în HSL pentru a construi o rampă
- Verificarea unei culori îndeplinește WCAG AA înainte de a o folosi pentru textul corpului
- Traducerea unei culori între un instrument de design și CSS
- Înțelegerea de ce o culoare arată mai strălucitoare decât alta
Despre acest instrument
Trei moduri de a spune același lucru
Hex rămâne compact și rămâne forma obișnuită în CSS. RGB oferă aceleași numere în zecimală, ceea ce se potrivește cu reglarea manuală. HSL descrie nuanța, saturația și luminozitatea, ceea ce este mult mai util atunci când construiești o rampă de culoare, deoarece poți menține nuanța și varia luminozitatea.
Contrastul și de ce este aici
Raportul de contrast decide dacă cineva poate citi textul pe fundal. WCAG AA solicită cel puțin de la 4.5 la 1 pentru text și de la 3 la 1 pentru textul mare. Acest instrument raportează raportul față de alb pur și negru pur, ceea ce vă spune imediat ce culoare text să utilizați pe un fundal dat.
Contrastul slab rămâne una dintre cele mai frecvente probleme de accesibilitate și una dintre cele mai ușor de evitat în timpul proiectării, mai degrabă decât de rezolvat ulterior.
Luminanță relativă
Cifra de luminanță este valoarea pe care este construită formula de contrast. Nu este o simplă luminozitate: calculul cântărește verdele mult mai mult decât albastrul, deoarece viziunea umană o face. De aceea, două culori care arată la fel de întunecate se pot comporta foarte diferit în spatele textului.
Este necesar ca acest lucru să fie tratat pe un întreg site web? Vezi noastre Servicii de design UI UX pag.
Mai multe instrumente și servicii
- Formatator și validator JSON
- Decodor și codificator Base64
- codificator și decodor URL
- Decodor JWT
- Generator UUID
- Convertor de timestamp Unix
Dacă preferați ca cineva să facă acest lucru corect pentru dvs., vă oferim Servicii de proiectare web și dezvoltare de site-uri web, Servicii SEO: Optimizare pentru motoarele de căutare, Agenția de automatizare AI.
Întrebări
Întrebări despre acest instrument
Lucrurile pe care clienții doresc de fapt să le știe — costuri, termene, proprietate și ce se întâmplă după lansare.
WCAG AA solicită de la 4.5 la 1 pentru text și de la 3 la 1 pentru textul mare. AAA solicită de la 7 la 1.
Pentru că puteți menține nuanța și schimba doar luminozitatea, așa cum este construită o rampă de culoare consistentă.
Raportează față de alb și negru, ceea ce răspunde la întrebarea comună despre ce culoare de text să folosești.
Ecranele variază în ceea ce privește calibrarea și profilul de culoare. Valorile sunt exacte; afișarea lor nu este.
trei sau șase cifre hexadecimale, cu sau fără hash și notație rgb().
Sesiune de strategie gratuită
Să construim ceva ce merită găsit.
Spune-ne unde vrei să fie afacerea peste douăsprezece luni. Vom reveni cu un plan cu costuri, o cronologie realistă și cifrele pe care ne așteptăm să le mutam - fără obligații, fără jargon.
- 30-minut apel, fără pitch-deck
- propunere cu preț fix în 48 ore
- Dețineți tot ceea ce construim
Vorbește cu un dezvoltator
Nu este o echipă de vânzări
- Timp de răspuns
- în intervalul 1 oră de lucru
- Unde lucrăm
- Regatul Unit, SUA și Golful
- Contracte
- Fără blocare, rulare lunară
- De când lucrează
- 2023