# Относительные цвета

URL: https://chugunov.pro/glossary/frontend/otnositel-nye-tsveta/
Оригинальное название: relative colors
Раздел: [Frontend](https://chugunov.pro/glossary/frontend/)
Обновлено: 28.07.2026.
Источник: глоссарий веб-разработки chugunov.pro.

## Коротко

CSS-синтаксис создания нового цвета на основе каналов исходного цвета с их изменением или перестановкой.

## Что такое «Относительные цвета»

CSS-синтаксис создания нового цвета на основе каналов исходного цвета с их изменением или перестановкой. Он позволяет, например, взять базовый цвет и сделать его светлее или изменить прозрачность, не задавая новое значение вручную. Это упрощает построение согласованных палитр и тем оформления. Относительные цвета — сравнительно новая возможность CSS, расширяющая работу с цветом.

## Связанные термины

- [Системные исходные цвета](https://chugunov.pro/glossary/frontend/sistemnye-iskhodnye-tsveta/) — Набор цветов, поступающих из пользовательских или системных настроек и используемых в принудительном цветовом режиме.
- [Режим принудительных цветов](https://chugunov.pro/glossary/frontend/rezhim-prinuditel-nykh-tsvetov/) — Режим ОС или браузера, заменяющий авторские цвета системной палитрой для повышения читаемости и контрастности.
- [Позиционирование](https://chugunov.pro/glossary/frontend/pozitsionirovanie/) — CSS-механизм размещения элемента в обычном потоке либо по координатам относительно выбранной области.
- [Базовая линия](https://chugunov.pro/glossary/frontend/bazovaia-liniia/) — Условная линия, относительно которой выравнивается текст и строчные элементы в одной строке.
- [Бокс внешнего отступа](https://chugunov.pro/glossary/frontend/boks-vneshnego-otstupa/) — Внешняя область блочной модели, включающая размер элемента вместе с его margin.
- [Вертикальное выравнивание](https://chugunov.pro/glossary/frontend/vertikal-noe-vyravnivanie/) — CSS-свойство выравнивания строчных и табличных элементов относительно базовой линии или ячейки. `vertical-align` действует на инлайн- и table-cell элементы, а не на блоки в потоке.
- [Внешний отступ](https://chugunov.pro/glossary/frontend/vneshnii-otstup/) — Прозрачное пространство за границей элемента, отделяющее его от соседних блоков.
- [Высота](https://chugunov.pro/glossary/frontend/vysota/) — Вертикальный размер области, элемента или изображения.