Кольори

Для завдання кольорів на веб-сторінці застосовується три способи: перша використовує позначення кольорів в шістнадцятковому коді, другий - десятковому, а третій - за назвою деяких кольорів. Переважно використовується метод, заснований на шістнадцятковій системі числення, як найбільш універсальний. Десяткова система, хоча і більш звична для представлення, знаходить застосування тільки за допомогою CSS.

Шістнадцяткові кольори


Для завдання кольорів в HTML використовуються числа в шістнадцятковому коді. Шістнадцяткова система, на відміну від десяткової системи, базується, як випливає з її назви, на числі 16. Цифри будуть наступні: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C , D, E, F. Цифри від 10 до 15 замінені латинськими літерами. У табл. 1 наведено відповідність десяткових і шістнадцяткових чисел.

Табл. 1. Десяткові і шістнадцяткові числа менше 16
Десяткові123456789101112131415
Шістнадцяткові123456789ABCDEF

Числа більше 15 в шістнадцятковій системі утворюються об'єднанням двох чисел в одне. Наприклад, числу 255 в десятковій системі відповідає число FF в шістнадцятковій (табл. 2).


Табл. 2. Десяткові і шістнадцяткові числа більше 16
Десяткові16171819202122232425262728293031
Шістнадцяткові101112131415161718191A1B1C1D1E1F


Щоб не виникало плутанини у визначенні системи числення, перед шістнадцятковим числом ставлять символ ришітки #, наприклад #666999.

Типовий колір, використовуваний в HTML, виглядає наступним чином.
<body bgcolor="#FA8E47">

Колір фону заданий як #FA8E47. Символ решітки # перед числом означає, що воно шістнадцяткове. Перші дві цифри (FA) визначають червону складову кольору, цифри з третьою за четверту (8E) - зелену, а останні дві цифри (47) - синю. У підсумку вийде такий колір.
FA+8E+47=FA8E47

Кожен з трьох кольорів - червоний, зелений і синій - може приймати значення від 00 до FF, що в підсумку утворює 256 відтінків. Таким чином, в моделі RGB кількість кольорів може бути 256 х 256 х 256 = 16.777.216 комбінацій.

Веб-кольори


Якщо встановити кольори дисплея у 8 біт (256 кольорів), то один і той же колір може показуватися в різних браузерах по-своєму. Це пов'язано зі способом відображення графіки, коли браузер працює зі своєю власною палітрою і не може показати колір, який у нього в палітрі відсутній. У цьому випадку колір замінюється поєднанням пікселів інших, близьких до нього, кольорів, що імітують заданий. Щоб колір залишався незмінним в різних браузерах, ввели палітру, так званих, веб-кольорів. Веб-кольорами називаються такі кольори, для кожної складової яких - червоної, зеленої та синьої - встановлюється одне з шести значень - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF). У дужках вказано шістнадцяткове значення даної компоненти. Загальна кількість кольорів з усіх можливих поєднань дає 6х6х6 - 216 кольорів. Приклад веб-кольору - # 33FF66.

Основна особливість веб-кольору полягає в тому, що він показується однаково у всіх браузерах. В даний момент актуальність веб-кольорів вельми мала через підвищення якості моніторів і розширення їхніх можливостей.

Назви кольорів


Щоб не запам'ятовувати сукупність цифр, замість них можна використовувати імена широко використовуваних кольорів.
<body bgcolor = "navy">

Нижче в таблиці наведені 16 основних назв кольорів, використовуваних у всіх браузерах.


НазваКолірHexЧервоний (R)Зелений (G)Синій (B)
aqua #00FFFF00255255
black #000000000000
blue #0000FF0000255
fuchsia #FF00FF25500255
gray #808080128128128
green #0080000012800
lime #00FF000025500
maroon #8000001280000
navy #0000800000128
olive #80800012812800
purple #80008012800128
red #FF00002550000
silver #C0C0C0192192192
teal #00808000128128
white #FFFFFF255255255
yellow #FFFF0025525500




скачать dle 11.0фильмы бесплатно
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
Кликните на изображение чтобы обновить код, если он неразборчив