Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

HSLKHSLA

.

HSLKHSLA

В системе HSL кодируются оттенок (hue), насыщенность (saturation) и яркость (lightness). В отличие от RGB, где для получения нужной насыщенности или яркости требуется манипулировать значениями всех трех каналов, в HSL вы, выбрав нужный оттенок, просто изменяете насыщенность и/или яркость до нужного уровня. Синтаксис здесь таков: оттенок кодируется целочисленным значением, а яркость и насыщенность задаются в процентах.

И хотя мониторы используют цветовую схему RGB, браузеры легко конвертируют в нее значения HSL.

Декларация hsl () имеет следующие аргументы:

• Оттенок по 360-градусной шкале, например: 0 = красный, 60 — желтый, 120 = зеленый, 180 = голубой, 240 = синий, 300 = пурпурный. Разумеется, допустимы любые промежуточные значения.

• Насыщенность в процентах. При этом 100% — полный цвет, а 0% — оттенок серого, при котором значение оттенка вообще игнорируется.

• Яркость в процентах. Нормой считается значение 50%. Значение яркости, равное 100%, даст белый цвет, а 0% — черный.

В HSL также допускается четвертый аргумент, кодирующий прозрачность, например (300, 100%, 50%, 0,5) означает пурпурный цвет полной насыщенности и нормальной яркости, наполовину прозрачный.

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

Подытожим, какие нам известны способы кодирования цвета в CSS. Вот варианты записи для темно-красной тени:

• #800000

• maroon

• rgb( 128,0,0)

• rgba( 128,0,0,1.0)

• hsl(0,100%,13%)

• hsla(0,100%,13%,1.0)

.

Читайте так же:
Not found