Zadajte hodnotu farby CSS, napríklad #ff6600, ff6600, rgb(255 102 0) alebo hsl(24 100 % 50 %). Nástroj zobrazí farbu a prevedie ju do bežných CSS formátov.
Nepriehľadné pozadie používané na výpočet kontrastu s priehľadnou farbou. Zmení pozadie porovnania, nie farbu, ktorú ste zadali.
Hodnoty sú v tomto prehliadači rozložené na sRGB. Farby závislé od kontextu, ako napríklad currentColor, var() a systémové farby, nie sú akceptované. Funkcie Wide-gamut a CSS Color 4 sú mimo podporované vstupné formáty tohto nástroja. Transparentnosť je zachovaná v RGBA, HSLA a alfa HEX. RGB a HSL vynechávajú alfa. Prahové hodnoty kontrastu nenahrádzajú úplný audit prístupnosti.
Zadajte platnú hodnotu farby CSS.
Vstup sa zmenil. Táto správa patrí ešte k poslednému úspešnému behu.
Tu sa zobrazí vzorka farieb
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS vstup
—
WCAG kontrastný pomer:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 je prahová hodnota AA pre bežný text; 3:1 platí len pre dostatočne veľký text. 7:1 je AAA pre bežný text. Kontrola páru farieb nestanovuje celkovú dostupnosť stránky.
Prečo používať online kontrolu farieb CSS?
Tento nástroj vám pomôže rýchlo vizualizovať akúkoľvek hodnotu farby CSS priamo vo vašom prehliadači. Môžete vložiť kódy z dizajnového systému, sprievodcu štýlmi alebo rozloženia a okamžite uvidíte, ako vyzerajú na obrazovke.
Použite ho pri príprave štýlov pre webovú stránku, pri prispôsobovaní farieb značky alebo pri ladení existujúcich rozložení. Kontrola podporuje všetky štandardné formáty CSS vrátane HEX, RGB, RGBA, HSL a pomenovaných farieb.
Rýchly štart
Preveďte CSS farby a skontrolujte kontrast textu na nepriehľadnom pozadí pomocou alfa.
1
Zadajte farbu textu a pozadie
2
Preveďte a skontrolujte prahové hodnoty kontrastu
Recenzie sú pred zverejnením kontrolované. Zverejňujeme skutočnú pozitívnu spätnú väzbu a konkrétnu kritiku. Spam a urážky bez užitočných podrobností sa nezverejňujú; vulgarizmy a osobné údaje sú maskované. Kladné hlasy sa počítajú okamžite; negatívne hlasy sa počítajú po kontrole.
Recenzie odrážajú skúsenosti používateľov, nie sú zárukou výsledkov ani popisom obmedzení služieb. Ak chcete zanechať recenziu, použite vyššie uvedené tlačidlá hodnotenia.
Zatiaľ žiadne publikované recenzie v tomto jazyku.
