3
Պատճենեք ձևաչափերը կամ արտահանեք գույնի և հակադրության հաշվետվությունը:
CSS գույների դիտիչ և հակադրության ստուգիչ
Մուտքագրեք CSS գույնի արժեքը, օրինակ՝ #ff6600, ff6600, rgb(255 102 0) կամ hsl (24 100% 50%): Գործիքը ցույց կտա գույնը և այն կվերափոխի սովորական CSS ձևաչափերի:
Արժեքները այս դիտարկիչում լուծվում են sRGB: Համատեքստից կախված գույները, ինչպիսիք են ներկայիսColor, var() և համակարգի գույները չեն ընդունվում: Wide-gamut և CSS Color 4 գործառույթները դուրս են այս գործիքի աջակցվող մուտքային ձևաչափերից: Թափանցիկությունը պահպանվում է RGBA-ում, HSLA-ում և ալֆայում HEX: RGB և HSL-ը բաց թողնում են ալֆան: Հակադրման շեմերը չեն փոխարինում մատչելիության ամբողջական աուդիտին:
Մուտքագրեք վավեր CSS գույնի արժեք:
Մուտքը փոխվել է։ Այս զեկույցը դեռ պատկանում է վերջին հաջող վազքին:
Այստեղ կհայտնվի գունավոր նմուշ
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS մուտքագրում
—
WCAG հակադրության հարաբերակցությունը:
Aa
AA · 4.5:1
AA · 3:1
AAA · 7:1
4.5:1-ը սովորական տեքստի AA շեմն է; 3:1-ը վերաբերում է միայն բավականաչափ մեծ տեքստին: 7:1-ը սովորական տեքստի համար AAA է: Գույնի զույգ ստուգումը չի հաստատում էջի ընդհանուր հասանելիությունը:
Ինչու՞ օգտագործել առցանց CSS գունային ստուգիչ:
Այս գործիքը օգնում է ձեզ արագ պատկերացնել ցանկացած CSS գույնի արժեք անմիջապես ձեր բրաուզերում: Դուք կարող եք կոդեր տեղադրել դիզայնի համակարգից, ոճի ուղեցույցից կամ դասավորությունից և անմիջապես տեսնել, թե ինչպես են դրանք նայում էկրանին:
Օգտագործեք այն վեբկայքի համար ոճեր պատրաստելիս, ապրանքանիշի գույները համապատասխանեցնելիս կամ առկա դասավորությունները վրիպազերծելիս: Ստուգիչը աջակցում է բոլոր ստանդարտ CSS ձևաչափերին, ներառյալ HEX, RGB, RGBA, HSL և անվանված գույները:
Կարծիքները ստուգվում են հրապարակումից առաջ: Մենք հրապարակում ենք իրական դրական արձագանքներ և կոնկրետ քննադատություններ: Սպամ և վիրավորանքներ առանց օգտակար մանրամասների չեն հրապարակվում. հայհոյանքն ու անձնական տվյալները քողարկված են։ Դրական ձայները հաշվվում են անմիջապես. բացասական ձայները հաշվվում են վերանայումից հետո:
Կարծիքները արտացոլում են օգտատերերի փորձը, այլ ոչ թե արդյունքների երաշխիք կամ ծառայության սահմանաչափերի նկարագրություն: Կարծիք թողնելու համար օգտագործեք վերը նշված գնահատման կոճակները:
