Sisestage CSS-i värviväärtus, näiteks #ff6600, ff6600, rgb(255 102 0) või hsl(24 100% 50%). Tööriist näitab värvi ja teisendab selle tavalistesse CSS-vormingutesse.
Läbipaistmatut tausta kasutatakse kontrasti arvutamiseks läbipaistva värviga. See muudab võrdlustausta, mitte sisestatud värvi.
Väärtused lahendatakse selles brauseris sRGB-le. Kontekstist sõltuvaid värve, nagu currentColor, var() ja süsteemivärve, ei aktsepteerita. Laia värvigamma ja CSS Color 4 funktsioonid on väljaspool selle tööriista toetatud sisendvorminguid. Läbipaistvus säilib RGBA, HSLA ja alfa HEX puhul. RGB ja HSL jätavad alfa välja. Kontrastsuse läved ei asenda täielikku juurdepääsetavuse auditit.
Sisestage kehtiv CSS-värvi väärtus.
Sisend on muutunud. See aruanne kuulub endiselt viimase eduka jooksu juurde.
Siin kuvatakse värvinäidis
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS-sisend
—
WCAG kontrastsuse suhe:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4,5:1 on tavalise teksti AA lävi; 3:1 kehtib ainult piisavalt suure teksti puhul. 7:1 on tavalise teksti jaoks AAA. Värvipaari kontroll ei määra lehe üldist juurdepääsetavust.
Miks kasutada veebipõhist CSS-i värvikontrolli?
See tööriist aitab teil kiiresti visualiseerida mis tahes CSS-i värviväärtusi otse brauseris. Saate kleepida kujundussüsteemi, stiilijuhise või paigutuse koode ja kohe näha, kuidas need ekraanil välja näevad.
Kasutage seda veebisaidi stiilide ettevalmistamisel, brändivärvide sobitamisel või olemasolevate paigutuste silumisel. Kontrollija toetab kõiki standardseid CSS-vorminguid, sealhulgas HEX, RGB, RGBA, HSL ja nimega värve.
Kiire algus
Teisendage CSS värve ja kontrollige teksti kontrasti läbipaistmatul taustal alfa abil.
Arvustused kontrollitakse enne avaldamist. Avaldame tõeliselt positiivset tagasisidet ja konkreetset kriitikat. Rämpsposti ja solvanguid ilma kasulike üksikasjadeta ei avaldata; roppused ja isikuandmed on maskeeritud. Positiivsed hääled loetakse kohe; negatiivsed hääled loetakse pärast ülevaatamist.
Arvustused kajastavad kasutajate kogemusi, mitte tulemuste garantiid ega teenusepiirangute kirjeldust. Kasutage arvustuse jätmiseks ülalolevaid hindamisnuppe.