цвет в html

Автор Тема: цвет в html  (Прочитано 3672 раз)

Оффлайн seoШникАвтор темы

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 1
  • Сообщений: 50
  • Карма: 0
    • Просмотр профиля

Оффлайн seoШникАвтор темы

  • Пользователь
  • **
цвет в html
« : 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, но об этом продолжим в стилях.


Оффлайн Серфер

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 5
  • Карма: 0
  • Пол: Мужской
    • Просмотр профиля

Оффлайн Серфер

  • Дебютант
  • *
Re: цвет в html
« Ответ #1 : 06-05-2010, 12:21:14 »
У разных браузеров и на разных операционках один и тот же цвет может отображаться с различными оттенками. Для одинакового отображения цветов существует стандартная HTML-палитра цветов (присутствует в большинстве редакторов), но выбор в ней небольшой.

Оффлайн rav

  • Бизнес оценка: (0)
  • Пользователь
  • **
  • СПАСИБО: 2
  • Сообщений: 67
  • Карма: 8
  • Пол: Мужской
  • Награды За наибольшее количество привлеченных пользователей на форум
    • Просмотр профиля
    • Уроки и статьи по созданию сайта

Оффлайн rav

  • Пользователь
  • **
Re: цвет в html
« Ответ #2 : 19-05-2010, 17:50:39 »
как дополенение:
цвет можно задать и при помощи Css
Цитировать
  <style type="text/css">
   DIV {
   color: #036; /* Цвет текста */
   }
  </style>
в данном случае цвет заданан в сокращенной форме.

Онлайн Sevab

  • Администратор
  • Бизнес оценка: (6, 100%)
  • *****
  • СПАСИБО: 9881
  • Сообщений: 14500
  • Карма: 664
  • Пол: Мужской
    • Просмотр профиля
    • Trust Directory Project

Онлайн Sevab

  • Администратор
  • *****
Re: цвет в html
« Ответ #3 : 19-05-2010, 19:22:58 »
Согласен. В ксс задавать цвета удобнее, современнее и соответствует требованиям всевозможных стандартов.

Оффлайн kotenokN83

  • Бизнес оценка: (0)
  • Дебютант
  • *
  • СПАСИБО: 0
  • Сообщений: 2
  • Карма: 1
    • Просмотр профиля

Оффлайн kotenokN83

  • Дебютант
  • *
Re: цвет в html
« Ответ #4 : 22-11-2010, 21:20:35 »
Для создания цвета шрифта или цвета страницы лучше всего использовать HTML-палитру. Эта палитра как и с обозначением цвета, так же в ней есть код этого цвета, а в редакторах действительно выбор не велик. Я лично только ее и использую, и всем советую.


Оффлайн Eqwill

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 0
  • Сообщений: 10
  • Карма: 1
  • Пол: Мужской
  • In God We trust !!!В начале было слово, и слово бы
    • Просмотр профиля

Оффлайн Eqwill

  • Рекрут
  • *
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 0
    • Сообщений: 10
    • Карма: 1
    • Пол: Мужской
    • In God We trust !!!В начале было слово, и слово бы
      • Просмотр профиля
Re: цвет в html
« Ответ #5 : 28-11-2010, 02:05:19 »
seoШник Спасиб большое за полезную  информацию.   Палитра в шеснадцативичном виде намного богаче будет своими цветами чем  малый список существующих англ. слов .


Оффлайн zlukka

  • Бизнес оценка: (0)
  • Постоялец
  • ***
  • СПАСИБО: 2
  • Сообщений: 193
  • Карма: 8
  • Пол: Мужской
    • Просмотр профиля
    • Фильмы по профессиональному Боксу

Оффлайн zlukka

  • Постоялец
  • ***
Re: цвет в html
« Ответ #6 : 28-11-2010, 10:16:49 »
 Интересная статья . Большое спасибо. ;)

Оффлайн orochimaru6

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 63
  • Сообщений: 1010
  • Карма: 50
  • Пол: Мужской
  • Тут ничего нет | И не будет
  • Награды КМС поисковой оптимизации Почетный гражданин нашего форума
    • Просмотр профиля
    • Пошаговое руководство по созданию сайтов

Оффлайн orochimaru6

  • Ветеран
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 63
    • Сообщений: 1010
    • Карма: 50
    • Пол: Мужской
    • Тут ничего нет | И не будет
    • Награды КМС поисковой оптимизации Почетный гражданин нашего форума
      • Просмотр профиля
      • Пошаговое руководство по созданию сайтов
Re: цвет в html
« Ответ #7 : 30-11-2010, 21:41:17 »
Не все цвета могут правильно отображаться различными браузерами. Поэтому существуют "безопасные цвета". Вот их список - http://www.eltisbook.ru/html/formatirovanie-texta.php
Как создать свой сайт БЕСПЛАТНО - пошаговое руководство.
SEO блог
- Теперь и я блогер)

Оффлайн mardok

  • Бизнес оценка: (0)
  • Рекрут
  • *
  • СПАСИБО: 5
  • Сообщений: 21
  • Карма: 2
    • Просмотр профиля

Оффлайн mardok

  • Рекрут
  • *
Re: цвет в html
« Ответ #8 : 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


Оффлайн Clever

  • Бизнес оценка: (7, 100%)
  • Ветеран
  • *****
  • СПАСИБО: 493
  • Сообщений: 964
  • Карма: 86
  • Пол: Мужской
  • Награды КМС поисковой оптимизации
    • Просмотр профиля

Оффлайн Clever

  • Ветеран
  • *****
Re: цвет в html
« Ответ #9 : 27-05-2012, 16:36:21 »
да лучше всего использовать rgb  или hex цвета , так как названия уже отходят , и в некоторых случаях использование слов типа red (красный) , yellow(желтый) ,  black (черный) , white (белый) могут не пройти валидацию


 

Похожие темы

  Тема / Автор Ответов Последний ответ
2 Ответов
1416 Просмотров
Последний ответ 20-01-2012, 05:23:16
от ReCopier
2 Ответов
1595 Просмотров
Последний ответ 14-08-2012, 11:52:06
от bumer
0 Ответов
1149 Просмотров
Последний ответ 26-05-2013, 13:49:17
от 29Metra
8 Ответов
2238 Просмотров
Последний ответ 18-10-2014, 15:46:05
от MrViper
7 Ответов
1078 Просмотров
Последний ответ 03-01-2017, 18:46:47
от Stream111