Ինչպես հաշվել երկու գույնի հակադրության գործակիցը

Ինչ է ստուգում գործիքը

Այս գործիքը համեմատում է առաջին՝ առաջային գույնը երկրորդ՝ ֆոնային գույնի հետ և վերադարձնում է դրանց հակադրության գործակիցը։ Առաջային գույն կարող է լինել տեքստի, նշանի կամ մեկ այլ տեսանելի տարրի գույնը, իսկ ֆոնայինը՝ այն գույնը, որի վրա այդ տարրը երևում է։ Արդյունքում ցուցադրվում են նաև չորս շեմային գնահատականներ՝ սովորական և մեծ տեքստի համար։ Այդ պատճառով ստուգումը հարմար է, երբ էջի ձևավորումից առաջ ցանկանում եք առանձին գունային զույգի վերաբերյալ նախնական չափում ստանալ։

Գույները կարող եք գրել երեքանիշ կամ վեցանիշ տասնվեցական ձևով՝ #abc կամ #aabbcc, ինչպես նաև rgb-ով սկսվող գրառմամբ, որն ունի ստորակետերով բաժանված երեք թվային բաղադրիչ, օրինակ՝ rgb(34, 34, 34)։ Առաջային և ֆոնային գույների դաշտերը պարտադիր չեն։ Եթե դրանք չլրացնեք, համապատասխանաբար կօգտագործվեն սևը՝ #000000, և սպիտակը՝ #ffffff։ Այս հնարավորությունը թույլ է տալիս նախ դիտել լռելյայն զույգի արդյունքը, իսկ հետո փոխարինել գույները ձեր ընտրած արժեքներով։

Ստուգման իմաստը ճիշտ հասկանալու համար կարևոր է տարբերել գործակիցը և դրա հիման վրա ստացվող գնահատականները։ Գործակիցը թվային հարաբերակցություն է, իսկ գնահատականները ցույց են տալիս, թե այդ հարաբերակցությունը ինչպես է համեմատվում նշված շեմերի հետ։ Արդյունքը վերաբերում է ընտրված գույների զույգին և չի նկարագրում դիզայնի մատչելիության մյուս կողմերը։

Ինչպես կատարել ստուգումը

1. Որոշեք, թե որ գույնն եք ստուգում որպես առաջային, իսկ որը՝ որպես ֆոնային։ Առաջային դաշտում գրեք տեքստի կամ տեսանելի տարրի գույնը, իսկ ֆոնային դաշտում՝ դրա հետևում գտնվող գույնը։ Դաշտերի հերթականությունը պահպանեք, որպեսզի արդյունքը վերաբերի ձեր նախատեսած զույգին։

2. Մուտքագրեք գույները ընդունվող ձևերից մեկով։ Տասնվեցական տարբերակի համար օգտագործեք #-ով սկսվող երեքանիշ կամ վեցանիշ գրառում, օրինակ՝ #abc կամ #aabbcc։ RGB-ի նման տարբերակի դեպքում գրեք rgb-ով սկսվող տեքստ՝ երեք տասնորդական թվային բաղադրիչներով, որոնք բաժանված են ստորակետերով։ Անվանական գույնի կամ այլ CSS գրառման փոխարեն ընտրեք այս ձևերից մեկը։

3. Եթե ցանկանում եք ստուգել լռելյայն զույգը, երկու դաշտերն էլ թողեք դատարկ։ Կարող եք նաև դատարկ թողնել միայն մեկ դաշտ. այդ դեպքում չլրացված դաշտի համար կգործի դրա համապատասխան լռելյայն գույնը, իսկ լրացված դաշտի արժեքը կօգտագործվի ձեր մուտքագրած ձևով։

4. Գործարկեք ստուգումը։ Գույնի տեքստի սկզբի և վերջի բացատները հեռացվում են նախքան վերլուծությունը, իսկ տեքստը փոքրատառի է բերվում։ Ուստի տասնվեցական գրառման մեծատառ լինելը ինքնին խոչընդոտ չէ, և պատահաբար ավելացած եզրային բացատները չեն դառնում արժեքի մաս։

5. Վավեր երկու գույների դեպքում դիտեք վերադարձված հակադրության գործակիցը և չորս գնահատականները։ Գործակիցը նախ կլորացվում է մինչև երկու տասնորդական նիշ, ապա արդյունքը համեմատվում է սովորական տեքստի 4.5 և 7.0 շեմերի, ինչպես նաև մեծ տեքստի 3.0 և 4.5 շեմերի հետ։ Գործիքը հենց այդ համեմատությունների հիման վրա է հաղորդում շեմային անցումները։

Ինչպես հասկանալ արդյունքը

Գործակիցը կարդացեք որպես ընտրված առաջային և ֆոնային գույների հարաբերակցություն։ Դրա կողքի շեմային գնահատականները վերաբերում են երկու տեքստային չափային խմբերի՝ սովորական և մեծ տեքստին։ 4.5 և 7.0 արժեքները վերաբերում են սովորական տեքստի երկու շեմերին, իսկ 3.0 և 4.5 արժեքները՝ մեծ տեքստի երկու շեմերին։ Քանի որ համեմատությունից առաջ թիվը կլորացվում է մինչև երկու տասնորդական նիշ, ցուցադրված կլորացված արժեքն է այն թիվը, որի հիման վրա պետք է հասկանալ գնահատականները։

Եթե երկու գույները նույնական են, հաղորդվող գործակիցը 1.0 է։ Սա ցածր հակադրությամբ նույնական զույգի արդյունք է, ոչ թե մուտքագրման սխալի նշում։ Մյուս կողմից, եթե գույներից մեկը չի վերլուծվում, գործիքը կարող է հաջող արդյունք վերադարձնել սխալի նշումով, սակայն այդ դեպքում սովորական հակադրության գնահատականները չեն ստեղծվում։ Սխալի նշումը մի մեկնաբանեք որպես ցածր հակադրություն. նախ վերանայեք գրառման ձևը և այն փոխարինեք ընդունվող գունային ձևերից մեկով։

Շեմային գնահատականները օգտակար են գունային զույգը նախնականորեն համեմատելու համար, սակայն դրանք չեն կազմում դիզայնի մատչելիության ամբողջական գնահատում։ Դրանք չեն փոխարինում էջի այլ տեսանելի տարրերի առանձին դիտարկմանը։ Նույն գործակիցը կարող է վերաբերել միայն այն երկու գույներին, որոնք տվյալ պահին վերլուծվել են, ուստի մեկ զույգի արդյունքը մի տարածեք այլ ֆոնային կամ առաջային գույների վրա։

Գործնական օրինակ

Դուք ստուգում եք մոխրագույն տեքստի և սպիտակ ֆոնի գունային զույգը՝ նախքան էջի ձևավորումը։

Առաջային գույնի համար մուտքագրեք #777, ֆոնի համար՝ rgb(255, 255, 255), ապա գործարկեք ստուգումը։

Արդյունքում պետք է երևան կլորացված հակադրության գործակիցը և սովորական ու մեծ տեքստի չորս շեմային գնահատականները։

Սահմանափակումներ

• Ստուգիչը նախատեսված է նշված գունային ձևերի համար։ RGB բաղադրիչները կարդացվում են որպես տասնորդական ամբողջ թվեր՝ առանց միջակայքի բացահայտ ստուգման, իսկ շեմային արդյունքները չեն կազմում դիզայնի մատչելիության ամբողջական գնահատում։

Հաճախակի սխալներ

• Եթե մուտքագրեք անվանական գույն, CSS-ի այլ ձևաչափ կամ սխալ տասնվեցական գրառում, գույնը կարող է չվերլուծվել։ Փոխարինեք այն #-ով սկսվող երեքանիշ կամ վեցանիշ ձևով, կամ ստորակետերով բաժանված երեք տասնորդական բաղադրիչով rgb գրառմամբ։

Հաճախ տրվող հարցեր

Կարո՞ղ եմ ստուգել գույները՝ առանց դրանք մուտքագրելու։

Այո։ Եթե երկու դաշտերն էլ դատարկ եք թողնում, առաջային գույնի համար օգտագործվում է սևը՝ #000000, իսկ ֆոնայինի համար՝ սպիտակը՝ #ffffff։ Եթե դատարկ է միայն մեկ դաշտը, լռելյայն գույնը կիրառվում է միայն այդ դաշտի համար։

Ի՞նչ գունային ձևաչափեր է ընդունում ստուգիչը։

Օգտագործեք #-ով սկսվող երեքանիշ կամ վեցանիշ տասնվեցական գրառում, կամ rgb-ով սկսվող տեքստ՝ ստորակետերով բաժանված երեք տասնորդական թվային բաղադրիչով։ Անվանական գույները և նշված ձևերից դուրս այլ CSS գրառումները ընդունվող ձևերի մեջ չեն մտնում։

Չվերլուծվող գույնը համարվո՞ւմ է ձախողված հակադրության ստուգում։

Ոչ։ Եթե գույներից մեկը չի վերլուծվում, կարող է վերադարձվել հաջող արդյունք՝ սխալի նշումով, սակայն սովորական հակադրության գնահատականները չեն ստեղծվում։ Սկզբում ուղղեք գունային գրառումը, ապա կրկին կատարեք ստուգումը։