HEX в RGBA

Сравните HEX с RGBA

В большинстве случаев можно распознать цвет по шестнадцатеричному коду, учитывая только первые цифры пар. В приведенном ниже примере видно, что цвет смешан с большим количеством красного, немного синим и совсем без зеленого. Понимание цвета с помощью шестнадцатеричного кода позволяет веб-дизайнеру быстрее перемещаться по коду страницы, и, кроме того, вы всегда можете произвести впечатление на коллег или клиентов, сказав «Ах, какой замечательный оттенок бордового». Вы также можете легко изменить яркость, оттенок или насыщенность цвета, отредактировав только его шестнадцатеричный код. В первом примере ниже одна из пар изменяется с шагом 10%, а яркость цвета увеличивается. Во втором примере яркость увеличивается, а насыщенность падает:

RGBA - это расширенная версия RGB, но с дополнительной поддержкой альфа-канала, который отвечает за прозрачность цветовой заливки. Для этой цветовой модели уже указаны четыре коэффициента, последний из которых является дробным числом в диапазоне от 0, где 0 - полная прозрачность, до 1, что будет соответствовать полностью непрозрачному цвету. Система RGBA добавляет еще одно число, которое описывает прозрачность цвета, значение может варьироваться от 0 (полностью прозрачный) до 1 (полностью непрозрачный). Значение 0,5 делает цвет полупрозрачным, рассмотрим полупрозрачную версию темно-фиолетового цвета, заданную с помощью системы RGBA: color: rgba (204, 51, 255, 0,5). Вы можете видеть, что значения для красного, зеленого и синего аналогичны системе RGB. Четвертое число - 0,5 - степень прозрачности. Цвета RGBA полезны для создания полупрозрачных элементов, которые делают видимыми элементы под ними.