Zadejte hodnotu barvy CSS, například #ff6600, ff6600, rgb(255 102 0) nebo hsl(24 100 % 50 %). Nástroj zobrazí barvu a převede ji do běžných formátů CSS.
Neprůhledné pozadí používané k výpočtu kontrastu s průhlednou barvou. Změní pozadí porovnání, nikoli barvu, kterou jste zadali.
Hodnoty jsou v tomto prohlížeči přeloženy na sRGB. Barvy závislé na kontextu, jako je currentColor, var() a systémové barvy, nejsou akceptovány. Funkce Wide-gamut a CSS Color 4 jsou mimo podporované vstupní formáty tohoto nástroje. Transparentnost je zachována v RGBA, HSLA a alfa HEX. RGB a HSL vynechávají alfa. Prahové hodnoty kontrastu nenahrazují úplný audit přístupnosti.
Zadejte platnou hodnotu barvy CSS.
Vstup se změnil. Tento report stále patří k poslednímu úspěšnému běhu.
Zde se objeví barevný vzorek
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS vstup
—
WCAG kontrastní poměr:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 je práh AA pro běžný text; 3:1 platí pouze pro dostatečně velký text. 7:1 je AAA pro běžný text. Kontrola páru barev nestanoví celkovou dostupnost stránky.
Proč používat online kontrolu barev CSS?
Tento nástroj vám pomůže rychle vizualizovat jakoukoli hodnotu barvy CSS přímo ve vašem prohlížeči. Můžete vložit kódy z návrhového systému, průvodce styly nebo rozvržení a okamžitě uvidíte, jak vypadají na obrazovce.
Použijte jej při přípravě stylů pro webové stránky, přiřazování barev značek nebo ladění stávajících rozvržení. Checker podporuje všechny standardní formáty CSS, včetně HEX, RGB, RGBA, HSL a pojmenovaných barev.
Rychlý start
Převeďte barvy CSS a zkontrolujte kontrast textu na neprůhledném pozadí pomocí alfa.
1
Zadejte barvu textu a pozadí
2
Převeďte a zkontrolujte prahové hodnoty kontrastu
Recenze jsou před zveřejněním kontrolovány. Zveřejňujeme skutečnou pozitivní zpětnou vazbu a konkrétní kritiku. Spam a urážky bez užitečných podrobností nejsou publikovány; vulgární výrazy a osobní údaje jsou maskovány. Kladné hlasy se počítají okamžitě; záporné hlasy se počítají po kontrole.
Recenze odrážejí zkušenosti uživatelů, nejsou zárukou výsledků ani popisem limitů služeb. Chcete-li napsat recenzi, použijte tlačítka hodnocení výše.
