В чем разница между различными форматами записи цвета в CSS?

Разница между различными форматами записи цвета в CSS заключается в следующем:

1. Именованные цвета. habr.com Можно использовать названия цвета или его оттенка на английском из списка именованных цветов. doka.guide Это базовый набор непрозрачных цветов, например, красный, синий, оранжевый, чёрный и другие. doka.guide
2. HEX-код. doka.guide htmlacademy.ru Шестнадцатеричный код цвета в цветовой модели RGB, который начинается с #. doka.guide Сплошные цвета записываются в формате #RRGGBB или в сокращённом #RGB (если символы каждой группы одинаковые). doka.guide Например, #009900 или #090. doka.guide Если нужно указать прозрачность, она добавляется в конце в HEX-формате #RRGGBBAA или #RGBA, например, #00990055 или #0905. doka.guide
3. Формат RGB. doka.guide Для задания цвета используется функция rgb(). doka.guide Каждое из трёх значений отвечает за отдельный канал RGB и может быть записано числом от 0 до 255 или в процентах. doka.guide Для добавления прозрачности, после записи каналов нужно поставить слэш и записать нужное значение от 0 до 1 или в процентах, например rgb(0 63 255 / 0.5) для полупрозрачного синего. doka.guide
4. Формат HSL. doka.guide Цветовая модель HSL описывает цвета по трём параметрам: H — Hue (оттенок), S — Saturation (насыщенность), L — Lightness (светлота). doka.guide Например, hsl(120 100% 50%) для зелёного. doka.guide Первое значение оттенка задаётся в градусах, второе и третье значение указываются в процентах. doka.guide Прозрачность добавляется так же, как в RGB, с помощью слэша со значением, например hsl(120 100% 50% / 0.5) — полупрозрачный зелёный. doka.guide
5. Формат OKLCH. practicum.yandex.ru Новый формат, который появился в 2023 году. practicum.yandex.ru Он наиболее корректно отображает цвета и гармонично сочетает их по яркости. practicum.yandex.ru