Seo Форум

Web разработка => Вебдизайн и Вебмастеринг => HTML и CSS => Тема начата: seoШник от 06-05-2010, 12:20:37

Название: цвет в html
Отправлено: seoШник от 06-05-2010, 12:20:37
Тег, задающий цвет:

color="#FF0000"

пример: <font face="Comic Sans MS" size="1" color="#FF0000">текст</font>)

Принцип обозначения цвета.
цвет можно задать двумя способами:

a) цифрами, что будет более точно по оттенкам.
б) английским словом.

способ А. Ставим #, после чего пишем цифры .
первые две цифры - это насыщенность красным
вторые две цифры - это насыщенность зеленым
третьи две цифры - это насыщенность синим цветом.

Почему именно три параметра? Потому что это не что иное, как способ получения цвета в телевизоре - RGB (Red Green Blue). Ведь изображение в обычном ЭЛТ мониторе формируется по принципу высвечивания трех точек заданных цветов: чем ярче точка, тем больше этого цвета в нашем "пикселе" (пиксель - "точка"). Цифры задавать по 16-ричной системе, т.е. не от 0 до 10, а от 0 до FF.

0,1,2,3,4,5,6,7,8,9,0А,0B,0C,0D,0E,0F - это и есть 16-ричный счет. И именно в пределах этого и можно задавать каждому сегменту свой цвет. То есть минимально это может быть 00 00 00, что соответствует черному, максимально - это будет FF FF FF, что соответствует белому. все промежуточные комбинации - это уже оттенки. Например, красный цвет - это FF 00 00, зеленый - это 00 FF 00, синий - 00 00 FF.

способ Б. Для упрощения набора основных цветов в стандарте HTML было позволено замещать циферный ряд обычным словом, обозначающим тот или иной цвет в английском языке. Например, словонаписание color=black окрасит выделенное тегом в черный цвет, green - в зеленый, white - в белый и т.п. Слова, обозначающие цвет, можно легко найти в словаре. Но я все же советую использовать именно 16-ричное обозначение, поскольку это с большей точностью будет отбражено бродилками разных производителей. Да, у многих поисковиков есть такая фича, как сравнение цвета надписей с цветом фона. Зачем это им надо? Про это читайте в следующей книге "Сусанин и К" (если вы скачаете ЭТУ книгу и положите в директорию, где лежит ЭТА книга, то она будет доступна по ЭТОЙ smile ссылке). А пока же просто примем к сведению, что циферный код хоть и сложнее писать, чем слово, но правильнее.

Тегами цвета можно задать не только цвет шрифта, но и цвет большинства элементов HTML, но об этом продолжим в стилях.
Название: Re: цвет в html
Отправлено: Серфер от 06-05-2010, 12:21:14
У разных браузеров и на разных операционках один и тот же цвет может отображаться с различными оттенками. Для одинакового отображения цветов существует стандартная HTML-палитра цветов (присутствует в большинстве редакторов), но выбор в ней небольшой.
Название: Re: цвет в html
Отправлено: rav от 19-05-2010, 17:50:39
как дополенение:
цвет можно задать и при помощи Css
Цитировать
  <style type="text/css">
   DIV {
   color: #036; /* Цвет текста */
   }
  </style>
в данном случае цвет заданан в сокращенной форме.
Название: Re: цвет в html
Отправлено: Sevab от 19-05-2010, 19:22:58
Согласен. В ксс задавать цвета удобнее, современнее и соответствует требованиям всевозможных стандартов.
Название: Re: цвет в html
Отправлено: kotenokN83 от 22-11-2010, 21:20:35
Для создания цвета шрифта или цвета страницы лучше всего использовать HTML-палитру. Эта палитра как и с обозначением цвета, так же в ней есть код этого цвета, а в редакторах действительно выбор не велик. Я лично только ее и использую, и всем советую.
Название: Re: цвет в html
Отправлено: Eqwill от 28-11-2010, 02:05:19
seoШник Спасиб большое за полезную  информацию.   Палитра в шеснадцативичном виде намного богаче будет своими цветами чем  малый список существующих англ. слов .

Название: Re: цвет в html
Отправлено: zlukka от 28-11-2010, 10:16:49
 Интересная статья . Большое спасибо. ;)
Название: Re: цвет в html
Отправлено: orochimaru6 от 30-11-2010, 21:41:17
Не все цвета могут правильно отображаться различными браузерами. Поэтому существуют "безопасные цвета". Вот их список - http://www.eltisbook.ru/html/formatirovanie-texta.php
Название: Re: цвет в html
Отправлено: mardok от 25-05-2012, 15:55:30
Б`ольшую цветовую гамму можно получить через rgba:

{background-color:rgba(225,225,225,0.2)}

где
r (red-красный) = 255
g (green-зеленый) = 255
b (blue-голубой (именно голубой, а не синий) = 255
a (прозрачность, отдельное правило- {opacity: 0.2;} = 0.2

В итоге, если мы работаем на белом фоне, то получаем цвет silver c 20% оттенком - т.е. еще светлее, чем #EEEEEE
Название: Re: цвет в html
Отправлено: Clever от 27-05-2012, 16:36:21
да лучше всего использовать rgb  или hex цвета , так как названия уже отходят , и в некоторых случаях использование слов типа red (красный) , yellow(желтый) ,  black (черный) , white (белый) могут не пройти валидацию