Перейти до вибору кольору

Назви кольорів CSS

Усі іменовані кольори зі специфікації CSS, згруповані за тоном і впорядковані від світлих до темних. Натисніть на назву або HEX, щоб скопіювати.

Червоні

Рожево-червоні

Рожеві

Пурпурові

  • те саме, що magenta

  • те саме, що fuchsia

Фіолетово-пурпурові

Фіолетові

Індигові

Сині

  • те саме, що lightslategrey

  • те саме, що lightslategray

  • те саме, що slategrey

  • те саме, що slategray

Блакитні

Ціанові

  • те саме, що cyan

  • те саме, що aqua

  • те саме, що darkslategrey

  • те саме, що darkslategray

Синьо-зелені

Смарагдові

Зелені

Лаймові

Жовті

Бурштинові

Помаранчеві

Коричневі

Бежеві

Білі

Сірі

  • те саме, що lightgrey

  • те саме, що lightgray

  • те саме, що darkgrey

  • те саме, що darkgray

  • те саме, що grey

  • те саме, що gray

  • те саме, що dimgrey

  • те саме, що dimgray

Чорні

Запитання і відповіді

Скільки іменованих кольорів у CSS?

У CSS Color 4 їх 148, від aliceblue до yellowgreen. Деякі з них синоніми з однаковим значенням, наприклад gray і grey або aqua і cyan. Є ще ключові слова transparent і currentcolor, але це не фіксовані кольори.

У CSS gray і grey це одне й те саме?

Так. Кожна сіра назва має написання через grey з тим самим значенням, наприклад darkgray і darkgrey обидва дорівнюють #a9a9a9. Цікаво, що darkgray світліший за gray: це спадок палітри X11.

Чи варто використовувати назви кольорів у робочому CSS?

Іменовані кольори працюють у всіх браузерах, тож підходять для прототипів, демо й разових стилів. У продукті краще тримати власні токени в OKLCH або HEX: їх простіше вибудувати в шкалу й узгодити між темами.