Как использовать html-цвета для вебдизайна сайта?
Сегодня предлагаю вашему вниманию еще одну тему для начинающих вебмастеров о html-цветах и о том, как их правильно, а главное быстро и просто использовать при создании сайта.
Согласитесь, на любом сайте много элементов, нуждающихся в выделении цветом - это и текстовые записи, и графические элементы. Для выделения цветом разных частей текста в программе WebPageMaker есть специальная функция, предусматривающая выбор нужного цвета в предлагаемой цветовой палитре. Текст мы не так часто выделяем цветом, как графику. Поэтому с графическими элементами приходиться повозиться чуть дольше.
Часто вебмастер, создав самостоятельно или скачав готовую шапку для своего сайта, старается подобрать остальные графические элементы в такой же цветовой гамме. Так вот, для того, чтобы не подбирать цвет вручную, можно определить его "название" (код) в Color Pix. И затем просто вставить в цветовой редактор в специальное поле для появления нужного вам цвета.
Эта програмка представляет собой миниатюрное окно с минимумом кнопок и главная ее фунция - это определить код нужного вам цвета путем наведения на него курсора. То есть, вы подводите курсор к краю шапки сайта, где планируете добавить блок и получаете код цвета. Затем вставляете полученный код цвета в палитру в программе и вот вам цвет, дублирующий нужный вам оттенок.
Теперь, прежде, чем увидеть действие программы, давайте я вам дам немного теоретического материала для ознакомления с html-цветами, чтобы вы имели хоть малейшее представление о том, что значат все эти циферки и буковки в коде цвета.
Цвет можно задавать разными способами: по шестнадцатеричному значению, по названию, в формате RGB, RGBA, HSL, HSLA.
Часто для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры для записи кода используются от 0 до 9 включительно. Цифры от 10 до 15 заменены латинскими буквами A, B, C, D, E, F. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует буквенное обозначение FF в шестнадцатеричной системе.
Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.
Такой код (вида #666999) чаще всего используется при задании определенного цвета и определить его совсем не проблема. Теперь попробуем выполнить небольшое задание.
Для начала скачайте ColorPix с официального сайта. Это займет максимум минуту.