Как сделать фон цветным


Лучшие новости сайта

Как сделать фон цветным

Как сделать фон цветным

Как сделать фон цветным

Коды цветов html и css - все что нужно знать

Коды цветов в html и css имеют повсеместное распространение на каждом сайте. Цвета в html применяются везде – они задают и его составляющих элементов, а так же цвет текста и ссылок. Прочитав эту статью Вы узнаете о кодах цвета все что нужно и даже больше!Коды цветов html и css - все что нужно знать

Работа с кодами цветов не занимает много времени технически – ведь для того, что бы их задать нужно всего навсего дописать в коде пару строк. Единственная трудность с которой может столкнуться владелец сайта – это подбор нужного цвета, ведь так хочется чтобы цвета подошли идеально! Этой статьей я постараюсь сэкономить Ваше время.

Как задать нужный цвет для элементов сайта?

Чтобы задать нужный цвет достаточно прописать: “Я хочу чтобы фон сайта был серым, текст черным, а ссылки синими” – вот и все! Но для того, чтобы Ваше желание смог понять любой браузер и оценил посетитель – придется обратиться к кодам цветов.

Существует три варианта, как задать нужный цвет:

  1. Через #. Код цвета в html или css можно задать шестью символами написанными после #. Например #ffffff – белый цвет. Так же для этого способа можно выделить один момент: число символов можно сократить до трех, если они попарно повторяются (1 и 2, 3 и 4, 5 и 6 – одинаковые). То есть белый цвет можно прописать так: #fff, а красный (#ff0000) так #f00.
  2. Словами. Для наиболее распространенных цветов можно использовать слова (англ.). Белый цвет будет white, а черный black и так далее. Лично я очень редко пользуюсь таким способом, и чаще всего прибегаю к первому.
  3. Через rgb.

RGB коды цветов – в чем их преимущество?

RGB – это аббревиатура, которая расшифровывается как красный зеленый синий (red green blue). Почему именно эти цвета? Все очень просто – меняя количественное содержание любого из них можно получить абсолютно любой цвет – это нужно понимать, но особо не вдаваться в подробности.

Количество одного цвета может колебаться от 0 до 255 условных единиц:

  • Если мы совсем не дадим цвета: по 0 единиц красного, зеленого и синего, то получиться черный цвет.
  • Если мы дадим все цвета по максимуму: 255 единиц красного, зеленого и синего, то получится белый цвет.
  • Все остальные цвета находятся между ними.

Прописывается код цвета так: rgb (255, 255, 255).rgb цвет - структура

  • Первое преимущество rgb перед другими способами задания цвета очевидно – этим способом можно задать любой нужный оттенок, ведь используется аж 9 переменных, а не 6 или 1 как в первом и втором соответственно.
  • Второе преимущество не столь очевидно, и чтобы его применить – его нужно знать. В код цвета можно дописать прозрачность.

Прозрачный цвет – как сделать?

В некоторых случаях цвет с определенным показателем прозрачности смотрится просто великолепно. Прозрачность может колебаться: от 0 – полностью прозрачный, до 1 – абсолютно не прозрачный. Смысла прописывать такие значения нет, а вот промежуточные положения прозрачности могут пригодится, например:Прозрачный цвет

Со способами прописывания цвета определились, теперь для большей ясности приведем некоторые примеры кодов цветов в html и css.

Таблица кодов цветов.

Наиболее удобным способом записи цвета для меня является первый (#), поэтому приведу примеры для него.  Основные цвета:

  • Код белого цвета: #fff;
  • Код черного цвета: #000;
  • Код красного цвета: #f00;
  • Код зеленого цвета: #0f0;
  • Код синего цвета: #00f;

Можно найти множество картинок посвященных таблице кодов цветов и так далее, но это не самый лучший способ выбрать нужный цвет, есть вариант гораздо более рациональный.

Посмотрите это видео, и у Вас никогда не будет проблем с подбором нужного кода цвета, кроме того, Вы сразу будете видеть результат на своем сайте:

Как узнать код цвета?

В некоторых случаях может потребоваться узнать код цвета. Вариантов здесь может быть 2:

  1. Нужно узнать какой цвет используется на сайте. Здесь нужно поступить так же как в видео выше, кликнуть правой кнопкой мыши и сразу посмотреть нужный код цвета в css.
  2. Требуется узнать кодовое значение цвета по картинке. Для этого я пользуюсь фотошопом:

Открываем картинку и кликаем сюда:фотошоп: шаг 1получаем код цвета в фотошопе

Этой информации будет достаточно чтобы знать что такое код цвета в html и css:

  • Как записать, подобрать или узнать код цвета? – уже не такие страшные вопросы, правда?

Похожие статьи:

Комментировать через ВКонтакте:


Источник: http://history-of-blog.ru/dizajn/kody-cvetov-v-html-i-css-vse-chto-nuzhno-znat/



Как сделать фон цветным

Как сделать фон цветным

Как сделать фон цветным

Как сделать фон цветным

Как сделать фон цветным

Как сделать фон цветным

Как сделать фон цветным

Как сделать фон цветным

Как сделать фон цветным