Html кодови за бои на интернет. Бојата во стиловите може да се специфицира на различни начини: по хексадецимална вредност, по име, во формат RGB, RGBA, HSL, HSLA. Постојат неколку начини за претставување на бојата во веб дизајнот.

Оваа страница содржи табела со клучни зборови што може да се користат за означување на бои на такви јазици за веб-програмери како: HTML, CSS, JavaScript, Flash, итн.

Во старите спецификации за концернот WC3 беа наведени само 16 клучни зборови, со чија помош беа поставени боите во HTML и CSS. Во понатамошните, помодерни спецификации, беа додадени уште 130 клучни зборови за да се наведат имињата на боите. Следната табела ги содржи имињата на боите и хексадетичните и RGB кодовите на кои одговараат.

Според правилата на CSS, имињата на боите не се осетливи на букви. Записите во боја IndianRed и indianred се еквивалентни.

Исто така, вреди да се напомене дека од 146-те клучни зборови во табелата, всушност има помалку бои во неа. Тоа е затоа што некои клучни зборови се однесуваат на иста боја. Така, имињата Греј и Греј претставуваат 50% сива шифра #808080, а зборот магента е синоним за HTML бојата Фуксија, што одговара на хексадецималната шифра #FF00FF. Исто така синоними се зборовите Aqua и Cyan, тие одговараат на кодот #00FFFF.

Табела (палета) на бои htmlви дава можност самостојно да го изберете тонот што ви треба. Вредноста на бојата се прикажува во три формати: Hex, RGB и HSV.

• Hex се состои од три вредности со два знака во хексадецимален броен систем. На пример: #ff00b3, каде што првиот пар на броеви е црвен, вториот е зелен, а третиот е син.
• RGB (црвенозелено сино) има форма „200.100.255“, што ја означува количината на соодветниот тон (црвена, зелена, сина) во добиената боја.
• HSV (Хуе, Сатурација, Вредност - тон, сатурација, вредност) - модел на боја во кој координатите се:
  • Нијанса - тон на боја, може да варира од 0° до 360°.
  • Сатурација - сатурација, варира од 0-100 или 0-1. Колку е поголем овој параметар, толку е „почиста“ бојата, поради што овој параметар понекогаш се нарекува и чистота на бојата. И колку овој параметар е поблиску до нула, толку е поблиску бојата до неутралното сиво.
  • Вредност (вредност на боја) - ја поставува осветленоста, вредноста исто така може да варира помеѓу 0-100 или 0-1.

Внесете код за боја: ОДИ

Список на бои со имиња

Во табелата се наведени имињата на боите Англиски јазик(кои може да се користат како вредности) поддржани од сите прелистувачи и нивните хексадецимални вредности. Сите наведени бои се „безбедни“, што значи дека ќе се појавуваат исти во сите прелистувачи.

За одредување на боите се користат хексадецимални броеви. Хексадецималниот систем, за разлика од децималниот систем, се заснова, како што сугерира неговото име, на бројот 16. Броевите ќе бидат како што следува: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Броевите од 10 до 15 се заменуваат со латински букви. Броевите поголеми од 15 во хексадецималниот систем се формираат со комбинирање на два броја во еден. На пример, бројот 255 инчи децимален системодговара на бројот FF во хексадецимално. За да се избегне забуна при одредувањето на системот на броеви, пред хексадецималниот број се става хаш симбол #, на пример #666999. Секоја од трите бои - црвена, зелена и сина - може да има вредности од 00 до FF. Така, симболот за боја е поделен на три компоненти #rrggbb, каде што првите два симболи ја означуваат црвената компонента на бојата, средните два - зелена, а последните два - сина. Дозволено е користење на скратената форма #rgb, каде што секој знак треба да се удвои. Така, записот #fe0 треба да се смета како #ffee00.

По име

Прелистувачите поддржуваат некои бои со нивното име. Во табелата 1 ги прикажува имињата, хексадецималниот код, RGB, HSL вредностите и описот.

Користење на RGB

Можете да ја дефинирате бојата користејќи ги црвените, зелените и сините вредности во децимални термини. Секоја од трите компоненти на боја зема вредност од 0 до 255. Исто така, дозволено е да се наведе бојата како процент, со 100% што одговара на бројот 255. Прво, наведете го клучниот збор rgb, а потоа наведете ги компонентите на бојата во загради , одделени со запирки, на пример rgb(255 , 128, 128) или rgb(100%, 50%, 50%).

RGBA

Форматот RGBA е сличен во синтаксата на RGB, но вклучува алфа канал кој ја одредува транспарентноста на елементот. Вредноста од 0 е целосно транспарентна, 1 е непроѕирна, а средната вредност како 0,5 е полупроѕирна.

RGBA е додаден во CSS3, така што CSS-кодот мора да биде потврден во однос на оваа верзија. Треба да се напомене дека стандардот CSS3 се уште е во развој и некои функции може да се променат. На пример, бојата во RGB формат додадена на својството за боја на позадината е потврдена, но онаа додадена во својството за заднина повеќе не е валидна. Во исто време, прелистувачите сосема правилно ја разбираат бојата за двете својства.

HSL

Името на форматот HSL е изведено од комбинацијата на првите букви Hue (нијанса), Saturate (заситеност) и Lightness (леснотија). Нијанса е вредноста на бојата на тркалото за боја (слика 1) и е дадена во степени. 0° одговара на црвено, 120° на зелено и 240° на сино. Вредноста на нијансите може да варира од 0 до 359.

Ориз. 1. Тркало во боја

Заситеноста е интензитетот на бојата и се мери како процент од 0% до 100%. Вредноста од 0% означува без боја и нијанса на сива боја, 100% е максималната вредност за заситеност.

Леснотијата одредува колку е светла бојата и се одредува како процент од 0% до 100%. Ниските вредности ја прават бојата потемна, а високите ја прават посветла; екстремните вредности од 0% и 100% одговараат на црно-бело.

HSLA

Форматот HSLA е сличен во синтаксата на HSL, но вклучува алфа-канал за одредување на транспарентноста на елементот. Вредноста од 0 е целосно транспарентна, 1 е непроѕирна, а средната вредност како 0,5 е полупроѕирна.

Вредностите на боите RGBA, HSL и HSLA се додадени во CSS3, затоа ве молиме проверете го вашиот код за валидноста на верзијата кога ги користите овие формати.

HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx

Предупредување

Сите методи за фаќање лавови наведени на страницата се теоретски и се засноваат на пресметковни методи. Авторите не ја гарантираат вашата безбедност кога ги користите и отфрлаат секаква одговорност за резултатите. Запомнете, лавот е предатор и опасно животно!

Резултатот од овој пример е прикажан на сл. 2.

Ориз. 2. Бои на веб-страницата

Боите на HTML се означени со шест знаци по знакот за коса - на пример, #000000. Овие шест симболи ги претставуваат пропорциите на различните бои (Црвена, Зелена, Сина) во последната боја. На вашиот компјутерски монитор, сликата се формира од огромен број точки наречени пиксели. Секој пиксел е мал извор на светлина, ајде да го наречеме „фенерче“, кој пак се состои од три батериски ламби - црвена, зелена и сина. Со намалување или зголемување на интензитетот на сјајот на поединечни фенери во боја, ја добиваме саканата боја.

HTML кодови за боја

Боите во HTML се претставени со хексадецимална (HEX) нотација на црвена, сина и зелена (RGB).

Најмалата вредност на бојата е 0 (хексадецимална 00). Највисоката вредност на бојата е 255 (хексадецимален FF).

Хексадецималната вредност на бојата е три цифри почнувајќи со знакот #.

Кодови на бои (значења)

16 милиони нијанси

Комбинирањето на црвено, сино и зелено со вредности кои се движат од 0 до 255 за процентот на секоја боја резултира со вкупно над 16 милиони нијанси (256 x 256 x 256).

Повеќето модерни монитори се способни да прикажат најмалку 16.384 различни нијанси (LCD мониторите генерално се способни да прикажат 262 илјади 16 милиони (ажурирано во октомври 2013 г.)бои, а CRT мониторите можат да прикажат практично неограничен број бои).

Табелата со бои подолу ја покажува промената на процентот на црвено од 0 до 255 со нула вредности за сина и зелена:

Нијанси на сиво

За да се добијат нијанси на сива боја, се користат еднакви удели на сите бои. За полесно да ја изберете вистинската боја, ви даваме шифри за сиви нијанси

Вкрстени прелистувачи (сите прелистувачи) html имиња на бои

Збирка од 150 имиња на бои во html, поддржана во сите прелистувачи.

Стандардизирани имиња на бои

W3C наведува 16 валидни имиња на бои за HTML и CSS: аква, црна, сина, фуксија, сива, зелена, вар, канелени (костен), морнарица (ултрамарин), маслиново (маслиново), виолетова (виолетова), црвена (црвена) , сребрена (сребрена), кафеава (сива), бела (бела) и жолта (жолта).

Кога користите бои кои не се вклучени во оваа листа, поправилно е да се користи нивниот хексадецимален (HEX) код или RGB код.

Безбедни бои

Пред неколку години, кога компјутерите можеа да поддржат максимум 256 различни бои, беше предложена листа од 216 „Web Safe Colors“, со 40 бои резервирани за системот.

Оваа палета од 216 бои е создадена за правилно прикажување на боите во режимот на палета од 256 бои.

Сега ова не е важно бидејќи повеќето компјутери ширум светот поддржуваат милиони нијанси на бои. Во секој случај, еве список на овие бои: