Վլադ Մերժևիչ
HTML-ում գույնը նշվում է երկու եղանակներից մեկով՝ օգտագործելով տասնվեցական կոդ և որոշակի գույների անուններով: Հիմնականում կիրառվում է տասնվեցական թվային համակարգի վրա հիմնված մեթոդը, քանի որ այն ամենահամընդհանուրն է։
Hexadecimal գույներ
HTML-ն օգտագործում է տասնվեցական թվեր՝ գույները նշելու համար: Տասնվեցական համակարգը, ի տարբերություն տասնորդական համակարգի, հիմնված է, ինչպես իր անունն է հուշում, 16 թվի վրա: Թվերը կլինեն հետևյալը՝ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A. , B, C , D, E, F. 10-ից 15 թվերը փոխարինվում են լատինական տառերով: Աղյուսակում 6.1-ը ցույց է տալիս տասնորդական և տասնվեցական թվերի համապատասխանությունը:
15-ից մեծ թվերը տասնվեցական համակարգում ձևավորվում են երկու թվերի մեկում միավորելով (Աղյուսակ 6.2): Օրինակ, 255 թիվը տասնորդականում համապատասխանում է FF թվին տասնորդական:
Թվային համակարգի սահմանման մեջ խառնաշփոթությունից խուսափելու համար տասնվեցական թվին նախորդում է # հեշ նշանը, օրինակ՝ #aa69cc: Այս դեպքում գործը նշանակություն չունի, ուստի թույլատրելի է գրել #F0F0F0 կամ #f0f0f0:
HTML-ում օգտագործվող տիպիկ գույնն այսպիսի տեսք ունի.
Այստեղ վեբ էջի ֆոնի գույնը դրված է #FA8E47: Թվի դիմաց # հեշ նշանը նշանակում է, որ այն տասնվեցական է: Առաջին երկու թվանշանները (FA) սահմանում են գույնի կարմիր բաղադրիչը, երրորդից չորրորդ թվանշանները (8E) սահմանում են կանաչ բաղադրիչը, իսկ վերջին երկու թվանշանները (47) սահմանում են կապույտ բաղադրիչը: Վերջնական արդյունքը կլինի այս գույնը:
Ֆ.Ա. | + | 8E | + | 47 | = | FA8E47 |
Երեք գույներից յուրաքանչյուրը՝ կարմիր, կանաչ և կապույտ, կարող են ընդունել 00-ից մինչև FF արժեքներ, ինչի արդյունքում ստացվում է ընդհանուր 256 երանգներ: Այսպիսով, գույների ընդհանուր թիվը կարող է լինել 256x256x256 = 16,777,216 համակցություն: Կարմիր, կանաչ և կապույտ բաղադրիչների վրա հիմնված գունային մոդելը կոչվում է RGB (կարմիր, կանաչ, կապույտ; կարմիր, կանաչ, կապույտ): Այս մոդելը հավելում է (ավելացնել - ավելացնելից), որում բոլոր երեք բաղադրիչների ավելացումը կազմում է սպիտակ գույնը:
Որպեսզի հեշտացնեք վեցանկյուն գույներով նավարկելը, հաշվի առեք որոշ կանոններ.
- Եթե գունային բաղադրիչների արժեքները նույնն են (օրինակ՝ #D6D6D6), ապա արդյունքը կլինի մոխրագույն երանգ: Որքան մեծ է թիվը, այնքան ավելի բաց է գույնը, որի արժեքները տատանվում են #000000 (սև) մինչև #FFFFFF (սպիտակ):
- Վառ կարմիր գույնը ձևավորվում է, եթե կարմիր բաղադրիչը դարձվի առավելագույնը (FF), իսկ մնացած բաղադրիչները սահմանվեն զրոյի: #FF0000 արժեք ունեցող գույնը ամենակարմիր հնարավոր կարմիր երանգն է: Նույնը վերաբերում է կանաչին (#00FF00) և կապույտին (#0000FF):
- Դեղինը (#FFFF00) ստացվում է կարմիրն ու կանաչը խառնելով: Սա հստակ երևում է գունային անիվի վրա (նկ. 6.1), որը ներկայացնում է հիմնական գույները (կարմիր, կանաչ, կապույտ) և լրացուցիչ կամ լրացուցիչ: Դրանք ներառում են դեղին, ցիան և մանուշակագույն (նաև կոչվում են մանուշակագույն): Ընդհանրապես ցանկացած գույն կարելի է ստանալ՝ դրան մոտ գույները խառնելով։ Այսպիսով, ցիանը (#00FFFF) ստացվում է կապույտն ու կանաչը համադրելով։
Բրինձ. 6.1. Գունավոր շրջան
Գույները, որոնք հիմնված են տասնվեցական արժեքների վրա, պարտադիր չէ, որ էմպիրիկ կերպով ընտրվեն: Այդ նպատակով հարմար է գրաֆիկական խմբագրիչը, որը կարող է աշխատել տարբեր գունային մոդելների հետ, օրինակ՝ Adobe Photoshop-ը։ Նկ. Նկար 6.2-ը ցույց է տալիս այս ծրագրում գույն ընտրելու պատուհանը, որի արդյունքում ստացված ընթացիկ գույնի տասնվեցական արժեքը ուրվագծվում է տողով: Դուք կարող եք պատճենել և տեղադրել այն ձեր կոդի մեջ:
Բրինձ. 6.2. Photoshop-ում գույների ընտրության պատուհան
Վեբ գույներ
Եթե դուք սահմանել եք մոնիտորի գույնի մատուցման որակը 8 բիթ (256 գույն), ապա նույն գույնը կարող է տարբեր կերպ ցուցադրվել տարբեր բրաուզերներում: Դա պայմանավորված է գրաֆիկայի ցուցադրման ձևով, երբ բրաուզերն աշխատում է իր սեփական գունապնակով և չի կարող ցույց տալ գույն, որը չկա իր ներկապնակում: Այս դեպքում գույնը փոխարինվում է իրեն մոտ գտնվող այլ գույների պիքսելների համադրությամբ, որոնք ընդօրինակում են տվյալը։ Ապահովելու համար, որ գույնը նույնը մնա տարբեր բրաուզերներում, ներկայացվեց այսպես կոչված վեբ գույների գունապնակ: Վեբ գույներն այն գույներն են, որոնց համար յուրաքանչյուր բաղադրիչ՝ կարմիր, կանաչ և կապույտ, դրված է վեց արժեքներից մեկի վրա՝ 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Այս բաղադրիչի տասնվեցական արժեքը նշված է փակագծերում: Բոլոր հնարավոր համակցություններից գույների ընդհանուր թիվը տալիս է 6x6x6 - 216 գույն: Վեբ գույնի օրինակ է #33FF66:
Վեբ գույնի հիմնական առանձնահատկությունն այն է, որ այն նույնն է հայտնվում բոլոր բրաուզերներում: Այս պահին վեբ գույների արդիականությունը շատ փոքր է՝ մոնիտորների որակի բարելավման և դրանց հնարավորությունների ընդլայնման պատճառով։
Գույներն ըստ անունների
Թվերի մի շարք հիշելուց խուսափելու համար կարող եք փոխարենը օգտագործել սովորաբար օգտագործվող գույների անունները: Աղյուսակում 6.3-ը ցույց է տալիս հանրաճանաչ գույների անունները:
Գույնի անունը | Գույն | Նկարագրություն | Տասնվեցական արժեք |
---|---|---|---|
Սեվ | Սեվ | #000000 | |
Կապույտ | Կապույտ | #0000FF | |
ֆուքսիա | Բաց - Մանուշակագույն | #FF00FF | |
մոխրագույն | Մուգ մոխրագույն | #808080 | |
կանաչ | Կանաչ | #008000 | |
կրաքարի | Բաց կանաչ | #00FF00 | |
շագանակագույն | Մուգ կարմիր | #800000 | |
նավատորմ | Մուգ կապույտ | #000080 | |
ձիթապտղի | Ձիթապտղի | #808000 | |
մանուշակագույն | Մուգ մանուշակագույն | #800080 | |
կարմիր | Կարմիր | #FF0000 | |
արծաթ | Բաց մոխրագույն | #C0C0C0 | |
շագանակագույն | Կապույտ կանաչ | #008080 | |
սպիտակ | Սպիտակ | #FFFFFF | |
դեղին | Դեղին | #FFFF00 |
Կարևոր չէ՝ գույնը նշեք իր անունով, թե օգտագործելով տասնվեցական թվեր: Այս մեթոդներն իրենց ազդեցությամբ հավասար են։ Օրինակ 6.1-ը ցույց է տալիս, թե ինչպես սահմանել վեբ էջի ֆոնի և տեքստի գույները:
Օրինակ 6.1. Ֆոնի և տեքստի գույնը
Օրինակ տեքստ
Այս օրինակում ֆոնի գույնը սահմանվում է՝ օգտագործելով պիտակի bgcolor հատկանիշը
, և տեքստի գույնը տեքստի հատկանիշի միջոցով: Բազմազանության համար տեքստի հատկանիշը սահմանվում է տասնվեցական թվով, իսկ bgcolor հատկանիշը՝ վերապահված հիմնաբառի teal:Ցավոք, կայքում դեռ հնարավոր չէ ցուցադրել համի սենսացիաներ։ Բայց դա կարելի է լիովին փոխհատուցել գույների օգնությամբ։ Ի վերջո, html գույները թույլ են տալիս ցուցադրել միլիոնավոր երանգներից որևէ մեկը: Այսպիսով, « գունավոր մատիտներՆրա հավաքածուում յոթից շատ են։
Գունային սխեման html-ում
html-ում գույնը կարող է նշվել մի քանի ձևաչափերով.
1. Որպես տասնվեցական արժեք – օգտագործվում է տասնվեցական թվային համակարգում նշված կոդը: Նման գունային կոդերը html-ում բաղկացած են երեք զույգ տասնվեցական թվերից։ Յուրաքանչյուր զույգ պատասխանատու է ստվերի հագեցվածության համար իր հիմնական գույնով.
- Առաջին թվային զույգը պատասխանատու է կարմիր գույնի համար.
- Երկրորդ զույգը կանաչ գույնի պարունակության համար է.
- Վերջինս իր կապույտ բովանդակության համար է։
Կոդի սկզբում (թվերից առաջ) տեղադրվում է հեշ նշան: Սա տասնվեցական գույնի կոդը է: Բացի 1-ից 9 թվերից, այս թվային համակարգում օգտագործվում են լատինական այբուբենի տառեր (A, B, C, D, E, F):
Օրինակ, html-ում սպիտակ գույնի կոդը նման կլինի #FFFFFF:
2. Հիմնաբառ - HTML-ը ներկայումս աջակցում է մոտ 147 հիմնաբառի: Բայց այս բառերից ոչ բոլորն են յուրահատուկ։ Նրանցից ոմանք վերաբերում են նույն գույնի երանգին:
Մոխրագույն գույնը ներկայացված է երկու հիմնաբառերով՝ մոխրագույն և մոխրագույն: Նրանց տասնվեցական ծածկագիրը (HEX) տրվում է նույն արժեքով #808080:
Օրինակ:
#808080
3. RGB ձևաչափով - html-ում այս գույնի կոդավորումը հիմնված է երեք արժեքների օգտագործման վրա՝ սահմանված 0-ից 255 միջակայքում: Նրանցից յուրաքանչյուրը որոշում է երանգի հագեցվածությունը հիմնական գույներից մեկով.
- R - կարմիր (կարմիր);
- G - կանաչ (կանաչ);
- B - կապույտ (կապույտ):
RGB ձևաչափով գույնի համարը գրված է հետևյալ ձևով՝ rgb(0, 210, 100):
ֆոնի գույնը՝ rgb (100,186,43)
4. RGBA ձևաչափով - դա բարելավված RGB ձևաչափ է, որտեղ չորրորդ արժեքը նշում է գույնի թափանցիկությունը տասնորդական կոտորակի տեսքով 0-ից մինչև 1:
Օգտագործման օրինակ.
ֆոնի գույնը՝ rgba (100,86,143,0.2)
ֆոնի գույնը՝ rgba (100,86,143,0.5)
ֆոնի գույնը՝ rgba (100,86,143,0.8)
ֆոնի գույնը՝ rgba (100,86,143,1)
HTML գունավոր աղյուսակներ և գունային գեներատորներ
Գույնի կարգավորումների ձևաչափերի նման լայն տեսականիով հեշտ է շփոթվել: Հետեւաբար, հատուկ գունավոր սեղան է հորինվել: Այն ապահովում է գունային երանգների 147 հիմնական անվանումներ՝ համապատասխանության կոդերով բոլոր հիմնական գունային ստանդարտներին: Բացի այդ, յուրաքանչյուր դաշտ հագեցած է գունային տեսողական ընտրության գծով: Այս աղյուսակներից մեկը ներկայացված է colorscheme.ru կայքում.
Բայց նույնիսկ համապատասխանության այս կառուցվածքով, ճիշտ երանգ ընտրելը կարող է դժվար լինել: Եվ փաստ չէ, որ գունային ծածկագրերի աղյուսակը կպարունակի ձեզ անհրաժեշտը:
Այս խոչընդոտը շրջանցելու և ճիշտ երանգի ընտրությունը հնարավորինս հեշտացնելու համար մշակվել են ինտերակտիվ վեբ ծառայություններ: Նրանց ինտերֆեյսը կարող է մի փոքր տարբերվել միմյանցից:
html-color-codes.info կայքում գունային գեներատորն ունի հետևյալ տեսքը.
Եվ color-picker.appsmaster.co ծառայության շրջանակներում այս գործիքը մի փոքր այլ կերպ է իրականացվում.
Գեներատորում յուրաքանչյուր գույնի հագեցվածությունը սահմանվում է հատուկ սահիչներով: Տեսողականորեն երանգը ցուցադրվում է ձախ կողմում գտնվող շրջանակի և ուղղանկյունի գույնով: Ներքևում 3 դաշտերում ցուցադրվում է գունային կոդը հիմնական ձևաչափերով:
Բայց գույնի գեներատորը հասանելի է ոչ միայն մասնագիտացված կայքերում: Գրեթե բոլոր գրաֆիկական խմբագրիչները համալրված են նմանատիպ գործիքով: Օրինակ, Photoshop:
Անվտանգության նախազգուշական միջոցներ գույնի հետ աշխատելիս
Եվ սա շատ վաղուց էր, դեռևս վիդեո քարտերի դարաշրջանում, որոնք աջակցում էին ընդամենը 256 գույների: Այդ հեռավոր ժամանակներում օպերացիոն համակարգերը կարող էին ցուցադրել միայն որոշակի թվով ութ բիթ երանգներ առանց աղավաղումների:
Այնուհետև մշակվեց անվտանգ գույների հիանալի աղյուսակ: Այն նշում էր 216 երանգներ, որոնք կարող էին ցուցադրվել առանց աղավաղումների այն ժամանակվա բրաուզերներից որևէ մեկում։ Եվ մինչ օրս սա» մեծ ձեռագիր» դեռ հասանելի է որոշ ռեսուրսների վրա.
Մեր օրերում ամեն ինչ փոխվել է։ Հետևաբար, html-ում գույնի հետ աշխատելիս անվտանգության բոլոր կանոնները ամբողջությամբ չեղարկվում են: Ի վերջո, ժամանակակից համակարգչային տեխնիկան աջակցում է ավելի քան 16 միլիոն տարբեր երանգներ: Իսկ 216 անվտանգ գույները մոռացության են մատնվել:
Այս տվյալները լիովին հաստատվում են վիճակագրությամբ։ Դատելով դրանից՝ 2014 թվականին օգտատերերի միայն 0,5%-ն ունի համակարգիչներ, որոնք ապահովում են ընդամենը 256 երանգ։
Գույնի ներդաշնակության հիմունքները
Մեզանից ոչ բոլորն են օժտված համի բնական ներդաշնակ զգացողությամբ։ Հետեւաբար, ճիշտ գույնի ընտրությունը կարող է իսկական մարտահրավեր լինել: Բայց, փառք գիտությանը, նա նույնիսկ կարողացավ նկարագրել գունային ներդաշնակությունը մի քանի սխեմաների տեսքով: Նրանց բոլորը հիմնված են գունավոր անիվի օգտագործման վրա: html-ում գույների ներդաշնակ ընտրության սխեմաներ:
Այս էջը պարունակում է աղյուսակ հիմնաբառերով, որոնք կարող են օգտագործվել վեբ մշակողների այնպիսի լեզուներով գույները նշելու համար, ինչպիսիք են՝ HTML, CSS, JavaScript, Flash և այլն:
WC3 կոնցեռնի հին բնութագրերում նշված էր ընդամենը 16 հիմնաբառ, որոնց օգնությամբ HTML-ում և CSS-ում սահմանվեցին գույները։ Հետագա, ավելի ժամանակակից բնութագրերում ավելացվել է ևս 130 հիմնաբառ՝ գույների անունները նշելու համար: Հետևյալ աղյուսակը պարունակում է գույների անունները և դրանց համապատասխանող վեցանկյուն և RGB կոդերը:
Համաձայն CSS կանոնների՝ գույների անունները մեծատառերի զգայուն չեն: Գույնի գրառումները IndianRed և indianred համարժեք են:
Հարկ է նաև նշել, որ աղյուսակի 146 հիմնաբառերից իրականում ավելի քիչ գույներ կան դրանում։ Դա պայմանավորված է նրանով, որ որոշ հիմնաբառեր վերաբերում են նույն գույնին: Այսպիսով, Մոխրագույն և Մոխրագույն անունները ներկայացնում են 50% մոխրագույն #808080 գունային ծածկագիրը, իսկ Magenta բառը HTML գույնի Fuchsia-ի հոմանիշն է, որը համապատասխանում է #FF00FF տասնվեցական կոդի: Հոմանիշներ են նաև Aqua և Cyan բառերը, դրանք համապատասխանում են #00FFFF ծածկագրին։
|
|
HTML գույները նշվում են վեց նիշով շեղ նիշից հետո, օրինակ՝ #000000: Այս վեց նշանները ներկայացնում են տարբեր գույների (Կարմիր, Կանաչ, Կապույտ) համամասնությունները վերջնական գույնի մեջ: Ձեր համակարգչի մոնիտորի վրա պատկերը ձևավորվում է հսկայական թվով կետերից, որոնք կոչվում են պիքսել: Յուրաքանչյուր պիքսել լույսի փոքր աղբյուր է, եկեք այն անվանենք «լապտեր», որն իր հերթին բաղկացած է երեք լապտերներից՝ կարմիր, կանաչ և կապույտ։ Նվազեցնելով կամ մեծացնելով առանձին գունավոր լապտերների փայլի ինտենսիվությունը՝ մենք ստանում ենք ցանկալի գույնը։
HTML գունային կոդեր
HTML-ում գույները ներկայացված են կարմիր, կապույտ և կանաչ (RGB) տասնվեցական (HEX) նշումով:
Ամենափոքր գույնի արժեքը 0 է (վեցանկյուն 00): Գույնի ամենաբարձր արժեքը 255 է (վեցանկյուն FF):
Գույնի տասնվեցական արժեքը երեք նիշ է՝ սկսած # նշանով:
Գույնի կոդերը (իմաստները)
Գույն | HEX կոդը | RGB կոդը |
---|---|---|
#000000 | rgb (0,0,0) | |
#FF0000 | rgb (255,0,0) | |
#00FF00 | rgb (0,255,0) | |
#0000FF | rgb (0,0,255) | |
#FFFF00 | rgb (255,255,0) | |
#00FFFF | rgb (0,255,255) | |
#FF00FF | rgb (255,0,255) | |
#C0C0C0 | rgb (192,192,192) | |
#FFFFFF | rgb (255,255,255) |
16 միլիոն երանգներ
Կարմիրը, կապույտը և կանաչը համադրելով 0-ից մինչև 255 արժեքներով յուրաքանչյուր գույնի տոկոսի համար ստացվում է ընդհանուր առմամբ ավելի քան 16 միլիոն երանգներ (256 x 256 x 256):
Ժամանակակից մոնիտորների մեծամասնությունը ունակ է ցուցադրել առնվազն 16384 տարբեր երանգներ (LCD մոնիտորներն ընդհանուր առմամբ ունակ են ցուցադրել 262 հազար 16 մլն. (թարմացվել է 2013 թվականի հոկտեմբեր)գույները, իսկ CRT մոնիտորները կարող են ցուցադրել գրեթե անսահմանափակ քանակությամբ գույներ):
Ստորև բերված գունային աղյուսակը ցույց է տալիս կարմիրի համամասնության փոփոխությունը 0-ից մինչև 255՝ կապույտի և կանաչի համար զրոյական արժեքներով.
Կարմիր | HEX կոդը | RGB կոդը |
---|---|---|
#000000 | rgb (0,0,0) | |
#080000 | rgb (8,0,0) | |
#100000 | rgb (16,0,0) | |
#180000 | rgb (24,0,0) | |
#200000 | rgb (32,0,0) | |
#280000 | rgb (40,0,0) | |
#300000 | rgb (48,0,0) | |
#380000 | rgb (56,0,0) | |
#400000 | rgb (64,0,0) | |
#480000 | rgb (72,0,0) | |
#500000 | rgb (80,0,0) | |
#580000 | rgb (88,0,0) | |
#600000 | rgb (96,0,0) | |
#680000 | rgb (104,0,0) | |
#700000 | rgb (112,0,0) | |
#780000 | rgb (120,0,0) | |
#800000 | rgb (128,0,0) | |
#880000 | rgb (136,0,0) | |
#900000 | rgb (144,0,0) | |
#980000 | rgb (152,0,0) | |
#A00000 | rgb (160,0,0) | |
#A80000 | rgb (168,0,0) | |
#B00000 | rgb (176,0,0) | |
#B80000 | rgb (184,0,0) | |
#C00000 | rgb (192,0,0) | |
#C80000 | rgb (200,0,0) | |
#D00000 | rgb (208,0,0) | |
#D80000 | rgb (216,0,0) | |
#E00000 | rgb (224,0,0) | |
#E80000 | rgb (232,0,0) | |
#F00000 | rgb (240,0,0) | |
#F80000 | rgb (248,0,0) | |
#FF0000 | rgb (255,0,0) |
Մոխրագույնի երանգներ
Մոխրագույնի երանգներ ստանալու համար օգտագործվում են բոլոր գույների հավասար բաժինները: Որպեսզի ավելի հեշտ լինի ընտրել ճիշտ գույնը, մենք ձեզ տրամադրում ենք մոխրագույն երանգների ծածկագրեր
Մոխրագույնի երանգներ | HEX կոդը | RGB կոդը |
---|---|---|
#000000 | rgb (0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb (16,16,16) | |
#181818 | rgb (24,24,24) | |
#202020 | rgb (32,32,32) | |
#282828 | rgb (40,40,40) | |
#303030 | rgb (48,48,48) | |
#383838 | rgb (56,56,56) | |
#404040 | rgb (64,64,64) | |
#484848 | rgb (72,72,72) | |
#505050 | rgb (80,80,80) | |
#585858 | rgb (88,88,88) | |
#606060 | rgb (96,96,96) | |
#686868 | rgb (104,104,104) | |
#707070 | rgb (112,112,112) | |
#787878 | rgb (120,120,120) | |
#808080 | rgb (128,128,128) | |
#888888 | rgb (136,136,136) | |
#909090 | rgb (144,144,144) | |
#989898 | rgb (152,152,152) | |
#A0A0A0 | rgb (160,160,160) | |
#A8A8A8 | rgb (168,168,168) | |
#B0B0B0 | rgb (176,176,176) | |
#B8B8B8 | rgb (184,184,184) | |
#C0C0C0 | rgb (192,192,192) | |
#C8C8C8 | rgb (200,200,200) | |
#D0D0D0 | rgb (208,208,208) | |
#D8D8D8 | rgb (216,216,216) | |
#E0E0E0 | rgb (224,224,224) | |
#E8E8E8 | rgb (232,232,232) | |
#F0F0F0 | rgb (240,240,240) | |
#F8F8F8 | rgb (248,248,248) | |
#FFFFFF | rgb (255,255,255) |
Cross-browser (բոլոր բրաուզերները) html գույների անունները
150 գույների անունների հավաքածու html-ով, որն աջակցվում է բոլոր բրաուզերներում:
Ստանդարտացված գույների անուններ
W3C-ում թվարկված են HTML-ի և CSS-ի 16 վավեր գույների անուններ՝ aqua, սև, կապույտ, ֆուքսիա, մոխրագույն, կանաչ, լայմ, շագանակագույն (շագանակագույն), մուգ (ուլտրամարին), ձիթապտղի (ձիթապտղի), մանուշակագույն (մանուշակագույն), կարմիր (կարմիր) , արծաթագույն (արծաթագույն), շագանակագույն (մոխրագույն), սպիտակ (սպիտակ) և դեղին (դեղին):
Այս ցանկում չներառված գույներ օգտագործելիս ավելի ճիշտ է օգտագործել դրանց տասնվեցական (HEX) կոդը կամ RGB կոդը:
Անվտանգ գույներ
Մի քանի տարի առաջ, երբ համակարգիչները կարող էին ապահովել առավելագույնը 256 տարբեր գույներ, առաջարկվեց 216 «Վեբ անվտանգ գույների» ցանկ՝ 40 գույներով վերապահված համակարգի համար:
Այս 216 գույների ներկապնակը ստեղծվել է 256 գույների ներկապնակի ռեժիմում գույները պատշաճ կերպով ցուցադրելու համար:
Այժմ դա նշանակություն չունի, քանի որ ամբողջ աշխարհում համակարգիչների մեծ մասն աջակցում է գույների միլիոնավոր երանգներին: Ամեն դեպքում, ահա այս գույների ցանկը.
000000 | 000033 | 000066 | 000099 | 0000CC | 0000 FF |
003300 | 003333 | 003366 | 003399 | 0033CC | 0033FF |
006600 | 006633 | 006666 | 006699 | 0066CC | 0066FF |
009900 | 009933 | 009966 | 009999 | 0099CC | 0099FF |
00CC00 | 00CC33 | 00CC66 | 00CC99 | 00CCCC | 00CCFF |
00FF00 | 00FF33 | 00FF66 | 00FF99 | 00FFCC | 00FFFF |
330000 | 330033 | 330066 | 330099 | 3300cc | 3300 FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600cc | 6600 FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900 FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99FF00 | 99FF33 | 99FF66 | 99FF99 | 99FFCC | 99FFFF |
CC0000 | CC0033 | CC0066 | CC0099 | CC00CC | CC00FF |
CC3300 | CC3333 | CC3366 | CC3399 | CC33CC | CC33FF |
CC6600 | CC6633 | CC6666 | CC6699 | CC66CC | CC66FF |
CC9900 | CC9933 | CC9966 | CC9999 | CC99CC | CC99FF |
CCCC00 | CCCC33 | CCCC66 | CCCC99 | CCCCCC | CCCCFF |
CCFF00 | CCFF33 | CCFF66 | CCFF99 | CCFFCC | CCFFFF |
FF0000 | FF0033 | FF0066 | FF0099 | FF00CC | FF00FF |
FF3300 | FF3333 | FF3366 | FF3399 | FF33CC | FF33FF |
FF6600 | FF6633 | FF6666 | FF6699 | FF66CC | FF66FF |
FF9900 | FF9933 | FF9966 | FF9999 | FF99CC | FF99FF |
FFCC00 | FFCC33 | FFCC66 | FFCC99 | FFCCCC | FFCCFF |
FFFF00 | FFFF33 | FFFF66 | FFFF99 | FFFFCC | FFFFFF |
Գույների կոդերը CSS-ում օգտագործվում են գույները նշելու համար: Սովորաբար, գունային կոդերը կամ գունային արժեքները օգտագործվում են տարրի առաջին պլանի գույնը (օրինակ՝ տեքստի գույնը, հղման գույնը) կամ տարրի ֆոնի գույնը (ֆոնի գույնը, բլոկի գույնը) գույնը սահմանելու համար: Դրանք կարող են օգտագործվել նաև կոճակի, եզրագծի, մարկերի, սավառնողի և այլ դեկորատիվ էֆեկտների գույնը փոխելու համար:
Դուք կարող եք նշել ձեր գունային արժեքները տարբեր ձևաչափերով: Հետևյալ աղյուսակը թվարկում է բոլոր հնարավոր ձևաչափերը.
Թվարկված ձևաչափերը ավելի մանրամասն նկարագրված են ստորև:
CSS Colors - Hex Codes
Տասնվեցական գունային ծածկագիրգույնի վեցանիշ ներկայացում է: Առաջին երկու թվանշանները (RR) ներկայացնում են կարմիր արժեքը, հաջորդ երկուսը ներկայացնում են կանաչ արժեքը (GG), իսկ վերջին երկուսը ներկայացնում են կապույտ արժեքը (BB):
CSS գույներ - կարճ վեցանկյուն կոդեր
Կարճ վեցանկյուն գունային ծածկագիրվեց նիշից բաղկացած նշագրման ավելի կարճ ձև է: Այս ձևաչափով յուրաքանչյուր նիշ կրկնվում է, որպեսզի ստացվի համարժեք վեցանիշ գույնի արժեք: Օրինակ՝ #0F0-ը դառնում է #00FF00:
Տասնվեցական արժեքը կարելի է վերցնել ցանկացած գրաֆիկական ծրագրերից, ինչպիսիք են Adobe Photoshop, Core Draw և այլն:
CSS-ում յուրաքանչյուր տասնվեցական գունային կոդի նախորդում է «#» հեշ նշանը: Ստորև բերված են տասնվեցական նշումների օգտագործման օրինակներ:
CSS գույներ - RGB արժեքներ
RGB արժեքըգունային ծածկագիր է, որը սահմանվում է օգտագործելով rgb() հատկությունը: Այս հատկությունը վերցնում է երեք արժեք՝ յուրաքանչյուրը կարմիրի, կանաչի և կապույտի համար: Արժեքը կարող է լինել ամբողջ թիվ՝ 0-ից մինչև 255, կամ տոկոս:
Նշում:Ոչ բոլոր բրաուզերներն են աջակցում rgb() գույնի հատկությանը, ուստի խորհուրդ չի տրվում օգտագործել այն:
Ստորև բերված է մի օրինակ, որը ցույց է տալիս բազմաթիվ գույներ՝ օգտագործելով RGB արժեքները:
Գույնի կոդի գեներատոր
Դուք կարող եք ստեղծել միլիոնավոր գունային կոդեր՝ օգտագործելով մեր ծառայությունը:
Բրաուզերի անվտանգ գույներ
Ստորև ներկայացված է 216 գույների աղյուսակ, որոնք ամենաապահովն են և համակարգչից անկախ: Այս գույները CSS-ում տատանվում են 000000-ից մինչև FFFFFF տասնվեցական կոդ: Դրանք անվտանգ են օգտագործման համար, քանի որ ապահովում են, որ բոլոր համակարգիչները ճիշտ ցուցադրեն գույները 256 գույների գունապնակով աշխատելիս:
«Ապահով» գույների աղյուսակ CSS-ում | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
#CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
#CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |