Можете да укажете HTML цветове по няколко начина:
- с име, напр. blue, red, aqua.
- с rgb стойност: напр. rgb(210,105,50).
- с hex стойност: напр. #1E90FF.
Образуване на HTML цветове
Цветовете на компютърния екран се образуват от смесването на три основни цвята: червен, зелен и син. За да се укаже на браузъра даден цвят, интензитетът на всеки от тези три основни цвята се представя като число със стойност от 0 до 255, като 0 съответства на минимална, а 255 - на максимална интензивност. Когато използвате десетични числа, указването на цвят става с rgb(), като в скобите се изброяват последователно интензитета за червен, зелен и син цвят.
Интензитетът за трите цвята по-често се записва в шестнадесетичен вид (hex)- например на 255 съответства FF. Когато цвета се задава като hex стойност, се използва знак #, следван от трите двуцифрени числа за червено, зелено и синьо.
Ето и нагледен пример:
| Цвят | hex стойност | rgb стойност | Име |
|---|---|---|---|
| #000000 | rgb(0,0,0) | black | |
| #FF0000 | rgb(255,0,0) | red | |
| #00FF00 | rgb(0,255,0) | lime | |
| #0000FF | rgb(0,0,255) | blue | |
| #FFFF00 | rgb(255,255,0) | yellow | |
| #00FFFF | rgb(0,255,255) | cyan | |
| #008000 | rgb(0,128,0) | green | |
| #000080 | rgb(0,0,128) | navy | |
| #808000 | rgb(128,128,0) | olive | |
| #800080 | rgb(128,0,128) | purple | |
| #C0C0C0 | rgb(192,192,192) | silver | |
| #008080 | rgb(0,128,128) | teal | |
| #FF00FF | rgb(255,0,255) | magenta | |
| #800000 | rgb(128,0,0) | maroon | |
| #808080 | rgb(128,128,128) | gray | |
| #FFFFFF | rgb(255,255,255) | white |
Ако желаете, можете да изпробвате поставения на сайта Генератор на случайни цветове като отправна точка в търсенето на своя цвят. Друга възможност е една интересна интернет страница, посветена на цветовете - Цветно колело.
Фонов цвят.
В този случай атрибутът style се прилага за елемента body, но може да се отнася и за заглавия, параграфи и т.н.:
<body style="background-color:yellow"> : с това фонът на цялата страница ще стане жълта
Цвят на текста
декларира се с "color:", следвано от една от следните декларации за вид цвят:
- валидна дума за цвят, например red:
<p style="color:red"> така текстът в дадения параграф ще стане червен</p>:така текстът в дадения параграф ще стане червен
- rgb стойност, напр.
<p style="color:rgb(0, 0, 255)"> Този параграф е син на цвят</p>:Този параграф е син на цвят
Задаването на цвят с rgb (a, b, c) използва 3 числа, изразяващи интензивността на един от трите основни цвята - съответно a за червено, b за зелено и c за синьо. rgb числата могат да имат стойност от 0 до 255, като колкото по-голямо е числото, толкова по-интензивен е дадения цвят. - hex стойност, напр.
<p style="color:#00ff00"> ще укаже текста в този параграф да бъде показан със зелен цвят</p>:ще укаже текста в този параграф да бъде показан със зелен цвят
