CSS գունավոր հատկությունները. գունային կոդեր

Մեկը գործիքների է փոխել ինտերնետային էջում ոճեր - CSS գույն. Կան մի քանի ուղիներ է փոխել այս պարամետրը. Յուրաքանչյուր ունի երկու առավելություններն ու թերությունները:

անուն

The գույնը գույքը սահմանում գույնը իրը. 145 երանգներ վերնագրերի ընդգրկված է CSS. Նրանց թվում կան պարզ (ինչպես, օրինակ, սեւ, կապույտ) եւ համալիր (ինչպես, օրինակ, կարմիր, lawngreen):

Քանի որ ամբողջ ցուցակը դժվար է հիշել, որ անունը style sheet օգտագործվում են հազվադեպ:

RGB

Մեծ մասը հեռուստացույցներ, սմարթֆոններ, մոնիտորներ հետ աշխատելու RGB գունային մոդելի. Այսինքն, ցանկացած գույնի կարող է սահմանվել է մի համադրություն առաջնային գույներով, որոնք կարմիր, կանաչ եւ կապույտ: . Համանման մոտեցում, որն օգտագործվում է երկու սարքերի, իսկ CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Գույներով են հիմնական կազմը վերցնել- արժեքները 0-ից 255 Մի շարք հնարավոր գույների հավասար է 16777216.

Քանի որ RGB մոդելը ուղղակիորեն կապված է ֆիզիկական օրենքների գունային Պատկերում, Սեւերը նշված դրանցում որպես rgb (0, 0, 0), սպիտակ - RGB (255, 255, 255): RGBA համակարգը ամբողջովին նման է RGB, ինչպես նաեւ Հայաստանի Հանրապետության ալֆա ալիքով: Այն ազդում է թափանցիկությունը, որը blends հետ ֆոնային ստվերում: Այս ձեւով տարրի կտատանվի ըստ «substrate»:

HSL

Որպեսզի հասկանանք, թե ինչպես է HLS համակարգը, դուք պետք է ներկայացնել գունավոր անիվ. Իր կենտրոնում է կարմիր, ապա (ժամացույցի սլաքի ուղղությամբ) մյուս բոլոր գույները է ծիածանը. цвета при помощи системы HLS требуется задать три параметра: Որոշելու, թե գույները CSS օգտագործելով HLS համակարգը պահանջում է երեք պարամետրերը:

• երանգ (աստիճաններով) ուղղությունը շրջանագծի կենտրոնում.
• հագեցվածությունը (տոկոսային) - թե որքան գունավոր պետք.
• պայծառություն (տոկոսներով):

Օրինակ, մանուշակագույն կարող է որոշվել է նման կերպ: HSL (315, 100%, 45%): HSL առավել հարմար է փորձերի. Ուսումնասիրելուց հետո գունավոր անիվ, դուք կարող եք, իսկ հետեւում ընդարձակելի մոտավորապես ներկայացնել, թե ինչ գույնի է սահմանել կոնկրետ տարր. HSLA - նույնն է HLS, միայն ալֆա: hsl (0, 100%, 50, 0.6), կարմիր, թափանցիկ կեսից ավելին:

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . CSS- ով, դուք կարող եք սահմանել գույնը, օգտագործելով տասնվեցական ներկայացուցչություն, ինչպես, օրինակ, նարնջագույն որոշվում է արժեքային # FF4500:

Համար ավելի լավ հասկանալու, թե ինչ է տասնվեցական ներկայացուցչության, պետք է էլ ավելի է դիտարկել տասնորդական համակարգը: Դա մի շարք 0-ից 9 Երբ անհրաժեշտություն է հաշվելու թիվը ավելի մեծ է, քան 9, մի քիչ ավելացված, եւ ստացվում 10, ապա 100-ը, եւ այլն: E. Բոլոր հենց նույն hexadecimal նշում, բայց այն բանից հետո, 9-ը, ապա B, եւ այլն, ինչպես F - նույնն է, ինչպես 15-ին տասնորդական համակարգում: Այնուհետեւ ավելացնել մեկ թվանշան, եւ պարզվում է, 10-ը 16-ի սովորական պայմաններով:

Քանի որ RGB, Hex գույները ցույց են տալիս, թե համամասնությունները է օգտագործել հիմնական գույները: Այս դեպքում, նրանք չեն բաժանված են ստորակետերով (color: # FFD500): Յուրաքանչյուր երկու նիշ նշեք թիվը կարմիր, կանաչ եւ կապույտ:

CSS. Որպես կանոն, HEX համակարգը չի օգտագործվում, փորձարկումների ժամանակ, քանի որ դա անհնար է գտնել ճիշտ CSS գույնը: может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. Սեղանը կարող է օգնել այս հարցում, բայց, եթե դուք մշտապես վերաբերում է դրան, ապա աշխատանքը կհետաձգվի: Hexadecimal ներկայացուցչությունը առավել հարմար է, երբ Կաղապար փոխանցվում է գրաֆիկական խմբագիր. Դա շատ ավելի հեշտ է պատճենել դա միայն մեկ թվանշան քան երեք հերթափոխով:

Որը ճանապարհն է լավագույնը:

Այս հաշվում, մենք չենք կարող որեւէ բան ասել կոնկրետ. Եթե տարրերը միջերեսի պետք թափանցիկության, ընտրել միջեւ rgba եւ HSLA: Եթե ցանկանում եք փորձարկել է բրաուզերի HLS գունային անիվի կլինի առավել հարմար. Եթե դուք օգտագործում եք մի Ներկապնակ կամ փոխանցել դիզայն է Photoshop, պետք է նախընտրում CSS hexadecimal գունավոր կոդերը: