Встречается на собеседованиях • сегодня

Какие знаешь способы модификации цвета

В CSS есть несколько способов изменить цвет элемента:

  1. HEX - шестнадцатеричное значение:
css
color: #FF5733;
  1. RGB/RGBA - с прозрачностью (alpha):
css
background-color: rgba(255, 87, 51, 0.5);
  1. HSL/HSLA - цветовая модель Hue-Saturation-Lightness:
css
border-color: hsl(10, 100%, 60%);
  1. Именованные цвета:
css
color: tomato;
  1. currentColor - наследует значение color:
css
border: 1px solid currentColor;
  1. CSS-переменные:
css
:root {
  --main-color: #FF5733;
}
.element {
  color: var(--main-color);
}

Также можно модифицировать цвет через JavaScript, используя методы типа element.style.color = 'red' или манипулируя значениями через библиотеки типа chroma.js.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы