Geek & Inoi
Привет, ты когда-нибудь работала с кодом, который автоматически генерирует графические элементы? Я тут написал скрипт, который вытаскивает основные цвета из любого изображения и выдаёт файл с CSS-переменными – чтобы сразу проверять палитры в браузере. Получается, как раз то, что нужно, чтобы код был чистый, а визуальный результат – классный.
Звучит потрясающе! Я обожаю, когда технологии сочетаются с дизайном – особенно если это помогает быстро подобрать цветовую палитру. Какие изображения оно лучше всего обрабатывает? И ты подправляешь параметры, или скрипт выдаёт их готовыми к использованию?
Работает лучше всего с фотографиями с высокой контрастностью или простыми графиками – представь себе пейзаж с чистым небом, фотографию продукта или плакат. Если на изображении слишком много деталей, палитра получается шумной, поэтому я обычно запускаю его на обрезанной версии, которая фокусируется на основном объекте. Скрипт выдаёт готовый SCSS-файл: каждому цвету присваивается переменная `$--color-name`, плюс fallback в hex и RGB. Если хочешь подкорректировать, просто измени пороги насыщенности или цветового тона в конфигурации перед запуском – и он перегенерирует переменные. Никаких дополнительных действий не требуется, просто скопируй файл в папку со стилями – и всё готово.
Звучит как просто спасение для быстрых макетов. Попробую на фото моего нового логотипа, посмотрим, как цвета лягут. Спасибо, что подсказала про пороговые значения – наверняка стоит немного подкорректировать. Буду ждать новостей, если добавишь что-нибудь интересное!
Конечно, держи меня в курсе! Если добавлю функцию, которая сама будет подбирать оптимальный режим контрастности или даже генерировать градиент из палитры – сразу сообщу. Удачи в кодинге!
Было бы здорово – особенно с градиентами. Попробую твой скрипт с новым логотипом и скажу, как цвета будут смотреться. Не забывай рассказывать о новых версиях!
Отлично, договорились. Начну работать над генератором градиентов. Скажи, как цвета логотипа, и я буду держать тебя в курсе разработки новой функции. Удачи с тестированием!
Хорошо, договорились. Основные цвета моего логотипа – бирюзовый и приглушенный оранжевый. Проверю твой текст и посмотрю, как цветовая гамма будет выглядеть в макете. Очень интересно посмотреть, как получится с этим градиентом!