1
Ievadiet krāsu vai izvēlieties to, izmantojot atlasītāju.
2
Iestatiet necaurspīdīgu fonu un palaidiet konvertēšanu.
3
Kopējiet formātus vai eksportējiet krāsu un kontrasta pārskatu.
CSS krāsu skatītājs un kontrasta pārbaudītājs
Ievadiet CSS krāsas vērtību, piemēram, #ff6600, ff6600, rgb(255 102 0) vai hsl(24 100% 50%). Rīks parādīs krāsu un pārveidos to parastajos CSS formātos.
Vērtības šajā pārlūkprogrammā tiek atrisinātas uz sRGB. No konteksta atkarīgas krāsas, piemēram, currentColor, var() un sistēmas krāsas, netiek pieņemtas. Plašās gammas un CSS Color 4 funkcijas ir ārpus šī rīka atbalstītajiem ievades formātiem. Pārredzamība tiek saglabāta RGBA, HSLA un alfa HEX. RGB un HSL izlaiž alfa. Kontrasta sliekšņi neaizstāj pilnīgu pieejamības auditu.
Ievadiet derīgu CSS krāsas vērtību.
Ievade ir mainīta. Šis pārskats joprojām attiecas uz pēdējo veiksmīgo darbību.
Šeit parādīsies krāsu paraugs
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS ievade
—
WCAG kontrasta attiecība:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 ir AA slieksnis parastam tekstam; 3:1 attiecas tikai uz pietiekami lielu tekstu. 7:1 ir AAA parastam tekstam. Krāsu pāra pārbaude nenosaka vispārējo lapas pieejamību.
Kāpēc izmantot tiešsaistes CSS krāsu pārbaudītāju?
Šis rīks palīdz ātri vizualizēt jebkuru CSS krāsu vērtību tieši jūsu pārlūkprogrammā. Varat ielīmēt kodus no dizaina sistēmas, stila rokasgrāmatas vai izkārtojuma un nekavējoties redzēt, kā tie izskatās ekrānā.
Izmantojiet to, gatavojot vietnes stilus, saskaņojot zīmola krāsas vai atkļūdojot esošos izkārtojumus. Pārbaudītājs atbalsta visus standarta CSS formātus, tostarp HEX, RGB, RGBA, HSL un nosauktās krāsas.
Atsauksmes tiek pārbaudītas pirms publicēšanas. Mēs publicējam patiesi pozitīvas atsauksmes un konkrētu kritiku. Surogātpasts un apvainojumi bez noderīgas detaļas netiek publicēti; rupjības un personas dati tiek maskēti. Pozitīvās balsis tiek skaitītas nekavējoties; negatīvās balsis tiek skaitītas pēc izskatīšanas.
Atsauksmes atspoguļo lietotāju pieredzi, nevis rezultātu garantiju vai pakalpojumu ierobežojumu aprakstu. Izmantojiet augstāk esošās vērtēšanas pogas, lai atstātu atsauksmi.
