Таблица css цветов для разработчика

Приветствую вас. Веб-разработчик хотя и не является дизайнером, но часто и ему приходится интенсивно работать с цветами. Зачастую при разработка сайта с нуля своими силами нужно подбирать цвета. Для этого неплохо было бы иметь перед собой таблицу с основными цветами, на основании которой можно было бы подобрать цвет для всех элементов на будущем сайте. Итак, я предлагаю вам таблицу css цветов.

Таблица цветов

css таблица цветов
Все значения в этой таблице прописываются в шестнадцатеричном коде. Цвет можно задать и по-другому – с помощью ключевых слов, но в этом случае выбор будет значительно более ограниченным. Самые основные значения:

  • White – белый
  • Black – черный
  • Grey – серый
  • Green — зеленый
  • Brown — коричневый
  • Red — красный
  • Orange — оранжевый
  • Aqua — голубой
  • Blue — синий
  • Purple — фиолетовый
  • Yellow — желтый
  • Pink – розовый

Цветовые режимы rgb и rgba

Наибольшый простор в выборе цветов дают эти режимы записи. В них нужный оттенок задается так:

Color/background: rgb(255, 255, 255)/ rgba(255, 255, 255, 1)

Сначала нужно явно указать цветовой режим, а потом в скобках записать три значения – доля красного, доля зеленого и синего цветов. В режиме rgba также в качестве четвертого значения записывается прозрачность. 1 – это непрозрачный элемент, 0 – полностью прозрачный, 0.5 – полупрозрачный.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: