Михаил!
Это, скорее, плохая практика. Именованные цвета местами странные, и вводят в заблуждение:
lightgrey
grey
darkgrey
dimgrey
Почему darkgrey светлее grey?
red, rgb(255 0 0)
green, rgb(0 136 0)
lime, rgb(0 0 255)
blue, rgb(0 0 255)
От green ждёшь зелёный канал на максимум, но получаешь его в lime
brown
brown, скорее, красный, чем коричневый
darkslategrey
darkslategrey, скорее, зелёный, чем серый
Больше того, часть цветов имеет несколько имён, что может добавить непоследовательности в код:
body {
background-color: grey;
}
/* ... */
::backgrop {
background-color: gray;
}gray
grey
cyan
aqua
fuchsia
magenta
Если я решу ещё где‑то использовать серый цвет, как правильно его написать — gray или grey?
Если хочется ссылаться на цвета по их названиям, то лучше определить собственную палитру с помощью ЦСС‑переменных:
:root {
--keyColor: #e30016;
/* ... */
}
/* ... */
button:active {
background-color: var(--keyColor);
}
Единственный случай, когда именованные цвета полезны — это отладка. Разработчики используют border: 1px solid red или outline: 1px solid blue для отладки размеров, наложения и позиционирования элементов.
P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.