CSS vizualizator de culori și verificator de contrast
Pornire rapidă
CSS vizualizator de culori și verificator de contrast
1
Introduceți o culoare sau alegeți-o cu selectorul.
2
Setați un fundal opac și executați conversia.
3
Copiați formate sau exportați raportul de culoare și contrast.
CSS vizualizator de culori și verificator de contrast
Introduceți o valoare de culoare CSS, de exemplu #ff6600, ff6600, rgb(255 102 0) sau hsl(24 100% 50%). Instrumentul va afișa culoarea și o va converti în formate CSS obișnuite.
Valorile sunt rezolvate în acest browser în sRGB. Culorile dependente de context, cum ar fi currentColor, var() și culorile de sistem, nu sunt acceptate. Funcțiile Wide-Gamut și CSS Color 4 sunt în afara formatelor de intrare acceptate de acest instrument. Transparența este păstrată în RGBA, HSLA și alfa HEX. RGB și HSL omit alfa. Pragurile de contrast nu înlocuiesc un audit complet al accesibilității.
Introduceți o valoare de culoare CSS validă.
Intrarea s-a schimbat. Acest raport încă aparține ultimei rulări reușite.
O mostră de culoare va apărea aici
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
Intrare CSS
—
WCAG raport de contrast:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1 este pragul AA pentru textul obișnuit; 3:1 se aplică numai unui text suficient de mare. 7:1 este AAA pentru text obișnuit. O verificare a perechii de culori nu stabilește accesibilitatea generală a paginii.
De ce să folosiți un verificator de culori CSS online?
Acest instrument vă ajută să vizualizați rapid orice valoare de culoare CSS direct în browser. Puteți lipi coduri dintr-un sistem de design, ghid de stil sau aspect și puteți vedea imediat cum arată pe ecran.
Utilizați-l atunci când pregătiți stiluri pentru un site web, potriviți culorile mărcii sau depanați machetele existente. Verificatorul acceptă toate formatele CSS standard, inclusiv HEX, RGB, RGBA, HSL și culorile denumite.
Recenziile sunt verificate înainte de publicare. Publicăm feedback pozitiv real și critici specifice. Spam-ul și insultele fără detalii utile nu sunt publicate; blasfemia și detaliile personale sunt mascate. Voturile pozitive se numără imediat; voturile negative sunt numărate după revizuire.
Recenziile reflectă experiențele utilizatorilor, nu o garanție a rezultatelor sau o descriere a limitelor serviciilor. Utilizați butoanele de evaluare de mai sus pentru a lăsa o recenzie.
Nu există încă recenzii publicate în această limbă.
