HSL в RGBA

Сравните HSL с RGBA

HSL, HLS или HSI (от англ. Hue, saturation, lightness (интенсивность)) - это цветовая модель, в которой координатами цвета являются оттенок, насыщенность и яркость. Следует отметить, что HSV и HSL - это две разные цветовые модели (светлота, которая отличается от яркости). Цветовая модель HSL позволяет интерпретировать базовую модель RGB в проекции цилиндрической системы координат цвета. Колористы считают, что HSL позволяет вам определять цвета более понятным для человека способом, чем типичная модель RGB. Аббревиатура HSL интерпретируется как Hue (цвет / оттенок), Saturation (насыщенность), Lightness / Luminance (яркость, не путать с яркостью). Первый фактор (оттенок) указывает координату цвета в цветовом круге (от 0 до 360 градусов). Второй коэффициент (Насыщенность) передает значение насыщенности в процентах (от 0% до 100%). Последний фактор (Lightness) указывает процент светлоты (от 0% до 100%).

RGBA расшифровывается как Red Green Blue Alpha. Хотя иногда это называют цветовым пространством, на самом деле это трехканальная цветовая модель RGB, дополненная четвертым альфа-каналом. Альфа определяет степень непрозрачности каждого пикселя и позволяет комбинировать изображение с другими, используя альфа-смешение, с прозрачными областями и сглаживая края непрозрачных областей. Формат RGBA по синтаксису аналогичен формату RGB, но включает альфа-канал, который управляет прозрачностью элемента. Значение 0 соответствует полной прозрачности, 1 - непрозрачности, а промежуточное значение, например 0,5, полупрозрачности. RGBA был добавлен в CSS3, поэтому проверка кода CSS должна выполняться с использованием этой версии. Следует отметить, что стандарт CSS3 все еще находится в стадии разработки, и некоторые его функции могут измениться. Например, цвет RGB, добавленный к свойству background-color, проверяется, но цвет, добавленный к свойству background, больше не поддерживается. При этом браузеры вполне правильно понимают цвет для обоих свойств.