Каким инструментов удобнее менять цвета скачанного чужого сайта?

Question

[Слава]

Есть, к примеру, лендинг. Клиент через браузер выкачал его и хочет поэкспериментировать с цветовой палитрой. Какой инструмент для этого больше подойдет чтоб можно было загрузить html уже существующий с цветами и стилями и в визуальном режиме менять цвета?
(режим разработчика в браузере не предлагать).

Или может быть целесообразнее сохранить страничку как скриншот и импортировать в Фотошоп и там менять цвета? но мне кажется там не получится так вот прям легко их менять.

Задача просто посмотреть как это будет смотреться с теми или иными цветами.

Comments

[Сергей Карбивничий]

Или может быть целесообразнее сохранить страничку как скриншот и импортировать в Фотошоп и там менять цвета?

Вот это жесть))) Месье знает толк в ...

[Adamos]

Сергей Карбивничий, если месье автор сайта тоже знал толк, цвета странички там могут быть разбросаны по 100500 правил, и ФШ реально будет легче.

[Слава]

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

[Stalker_RED]

Слава, инструменты разработчика подходят лучше всего.
Но если клиенту хочется делать это в фотошопе, то почему нужно его переубеждать?

[Слава]

Stalker_RED, да не может просто быть такого что нет инструментов позволяющих это делать визуально. через редактор. а инструменты разработчика неудобны человеку не понимающему вообще ничего в html и css.

[Ярослав Александров]

Каким инструментов удобнее менять цвета скачанного чужого сайта?

- понятие удобности довольно расплывчатое, но такого инструмента или программы нет
- пусть ваш клиент идёт в конструкторы лендингов, покупает тариф и там играется

и хочет поэкспериментировать с цветовой палитрой.

- это называется прототипирование, и да это работа, и за неё даже деньги платят

Или может быть целесообразнее сохранить страничку как скриншот и импортировать в Фотошоп

- если заказчик ничего другого не умеет тогда это целесообразно

но мне кажется там не получится так вот прям легко их менять.

- если бы было легко, тогда специальности дизайнер не было бы.

Задача просто посмотреть как это будет смотреться с теми или иными цветами.

- если нужно просто тогда пусть заказчик наймёт специалиста, который ему это всё сделает

да не может просто быть такого что нет инструментов позволяющих это делать визуально. через редактор

- с фига ли такое должно быть? Копирование чужого сайта это нарушение авторских прав, у создателей такой программы быстро бы появились проблемы с законом.

[Stalker_RED]

Слава, возможно такие инструменты есть, но они малоизвестных. Или вы можете быть первым, кто этот инструмент сделает.

Эти мог бы быть плагин браузерный, который показывает панельку с несколькими input type=color, и при смене цвета обновляют css или поставляют style нужным элементам. Все очень просто, кода строк на 50.

Проблема только в одном: кто-тут ращбирающийся в css должен создать списки селекторов элементов, для которых будут меняться стили.
Можно даже сделать сохранение понравившихся вариантов в localStorage, или экспортировать их.
А если он разбирается в css, то он может и в девтулс, и ему такой софт не нужен.

Answer 1

[Сергей delphinpro]

Если вот прямо "поиграть цветами" хочется, то есть отличный, но затратный вариант.

Нанимаете разработчика, он шерстит ваш лендос, находит все цветовые параметры, объединяет их в css-переменные. Далее эти переменные в одном месте можно редактировать через средства разработчика. Результат видно "на лету".
Но так как инструменты разработчика по какой-то причине табу, то напрягаем этого же разработчика еще больше, и он пилит красивую панельку с ползунками или иными средствами визуального редактирования и клиент радостно "играет с цветами" в этой панельке.

Однако встаёт вопрос экономической целесообразности такого подхода.

Comments

[Слава]

дерьмо совет. а если ему 1000 сайтов захочется проанализировать то 1000 раз разработчика нанимать?

сказано же - нужно просто подобрать готовый инструмент. чтоб без знания веб-разработки человек мог сам поменять визуально цвета. да такое даже в обычных адобовских продуктах было раньше. может и сейчас есть. я просто не хочу их ставить поэтому и задал вопрос - может здесь кто сталкивался.

[Сергей delphinpro]

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

[Слава]

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

Answer 2

[Drno]

Короче, склифасовский...
Конкретно в Вашей ситуации - пусть фигачит в фотошопе вставив туда скрин

Answer 3

[Александр Васильев]

Добрый день.
В figma есть вариант загрузки ресурса с возможностью редактирования.
Плагин figma to HTML,CSS ... и море.
Но работать придется.
Тем, кому не захочется потом это "развидеть" - не ходить под кат.

spoiler

ps точнее захочется