Определить пользовательский цвет

Question

border:3px solid black; 

В приведенном выше примере вы можете установить цвет, указав название цвета. Существует также широкая истинность названия цвета.

И поэтому мой вопрос в этом. Есть ли способ определить ваше собственное имя цвета на вашем сайте в css, javascript/jquery или даже php.

Почему? (Я частично безумный, но). В C# вам может быть удобно использовать глобальную переменную, которую вы можете изменить, и это будет влиять на все, что с ней связано, и мне понравится аналогичный эффект.

Вы можете спросить: «Не могли бы вы просто использовать класс =« myColor »?» Я МОГУТ, но я не всегда использую цвет таким же образом, иногда использую его для границ, фона или даже текста. Кроме того, я должен был бы дать ему класс, а не объявлять его в css, который для границы может быть странным.

В принципе, мне было интересно, есть ли что-то даже близко к тому, что я ищу, будь то css (так сомневайтесь), jquery или даже php. Учитывая, что я хочу использовать это имя цвета в css, я сомневаюсь, что это возможно, но я хотел бы, чтобы меня доказали неправильно.

Answer 1

Вы можете установить переменные с помощью препроцессора CSS, такого как SASS или LESS.

Использование SASS выглядит так.

$lightGrey :#5e5e5el; 

a { 
    color: $lightGrey; 
} 

Выход:

a { 
    color: #5e5e5e; 
} 

Answer 2

Используйте значение цвета в отличие от названного цвета: https://developer.mozilla.org/en/CSS/color_value

Answer 3

Вы можете использовать «LESS» или «SASS», чтобы сделать это.

@myColor: #FFCC00; 
... 
background-color: @myColor; 
... 
border: 1px solid @myColor; 

Answer 4

SASS имеет эту полезную функцию (и многие другие).

Answer 5

Там нет ничего, встроенный в CSS для этого. Вы можете посмотреть в LESS. С его помощью вы можете легко поместить цвет в переменную и использовать его в своем CSS. LESS предназначен для того, чтобы сделать CSS более сухим.

Вот описание этого из этой ссылки:

МЕНЬШЕ расширяет CSS с динамическим поведением, такие как переменные, Mixins, операции и функции. LESS работает как на стороне клиента (Chrome, Safari, Firefox), так и на стороне сервера, с Node.js и Rhino.

Answer 6

This may be coming to CSS eventually.