Где взять хороший инструмент подбора цветов для темных тем?

Question

[McThinker]

Стоит задача сделать несколько темных тем для сайта, пытаюсь использовать инструмент подбора цветов colorscheme.ru но там нет оттенков черного или не знаю где смотреть. Какими инструментами пользуетесь вы?

Comments

[historydev]

Руками) В css переменные поменял - вуаля, новый дизайн.

[McThinker]

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

Answer 1

[Den Sabrov]

Без дизайнера это сделать сложновато.
Но можно попробовать. Укажите первые цвета (темные), остальные будет генерировать по нажатию на "пробел".

Comments

[McThinker]

как то рандомно генерит. Указал белый, и сероватый, генерит голубой. Нажимаю пробел

Answer 2

[MentozZz ORG]

Лучше не париться и поставить вот такой вот модуль

<link rel="stylesheet"
                     type="text/css" href="https://онлайн.net/black/dark-style.css"> <script src="https://онлайн.net/black/dark.js"></script> <button class="btn-darkstyle" onclick=enableDark() style="font-size: 25px;"></button> <button class="btn-darkstyle" onclick=disableDark() style="font-size: 25px;"> </button><!-- var _acic= {dataProvider:10};(function(){var e=document.createElement ("script");e.type="text/javascript";e.async=true;e.src="//www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}) () //--> </script> <script> function disableDark() { DarkReader.disable (); localStorage.setItem('bgcolor', 1); } function enableDark() { localStorage.setItem('bgcolor', 0); DarkReader.enable({ brightness: 100, contrast: 90, sepia: 10 }); } if (localStorage.getItem('bgcolor') == 1) disableDark(); else enableDark(); </script>

Который все сам делает
Вот их официальный сайт Dark.Онлайн.Net

Comments

[wisgest]

А вот это

<!-- var _acic= {dataProvider:10};(function(){var e=document.createElement ("script");e.type="text/javascript";e.async=true;e.src="//www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}) () //--> </script>

ещё зачем?!

[MentozZz ORG]

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

[wisgest]

MentozZz ORG, как я понимаю это просто вставка скрипта счётчика. Я подобный мусор блокирую и в частности у меня заблокирован домен acint.net. Без него что-то пойдёт не так?

[MentozZz ORG]

все будет чики пуки wisgest,