Бесплатные инструменты дизайна: генератор цветовой палитры, логотипы и другое
Подбирайте палитры и градиенты, проверяйте контраст, берите цвета с картинки, создавайте логотипы, аватары, мокапы, паттерны и брендбук.
Инструментов: 12
Генератор цветовых палитрСоздавайте цветовые палитры по правилам гармонии или из фотографии. Смотрите оттенки, контраст и градиенты и эГенератор узоровСоздавайте бесшовные фоновые узоры: точки, сетка, полосы, шахматка, зигзаг, волны, треугольники, плюсы, шестиуПроверка контраста цветовПроверьте коэффициент контраста между цветом текста и фона по WCAG AA и AAA для обычного текста, крупного тексГенератор аватаровСоздавайте аватары по умолчанию из имени или email: инициалы, геометрия, beam или пиксели, в круге, со скруглеГенератор типографической шкалыСоздайте модульную шкалу шрифтов из базового размера и коэффициента, с меньшим коэффициентом для мобильных. ПрГенератор мокаповПомещайте скриншоты в окно браузера, рамку ноутбука, телефона или планшета на цветном фоне. Добавьте текст адрКонструктор логотиповВведите название бренда, выберите сферу, стиль и цвета и получите десятки идей логотипа. Меняйте шрифты, иконкГенератор градиентных палитрСоздайте плавную цветовую шкалу из базового цвета или между несколькими цветами. Копируйте любой образец, полуГенератор CSS сеткиСоздайте адаптивную сетку колонок со своими контрольными точками, колонками, отступами, полями и максимальной Генератор SVG блобовСоздавайте случайные органические формы (блобы) для фонов и иллюстраций. Настройка сложности и случайности, заГенератор брендбукаСоберите простой фирменный стиль по названию бренда и одному цвету: палитра по цветовой гармонии, пара шрифтовImage Color PickerPick any colour from an image with a zoom lens and get its HEX, RGB and HSL codes, plus the image's main colou
О категории «Инструменты дизайна»
Инструменты дизайна для цвета, логотипов и сеток
Хороший дизайн начинается с нескольких решений: какие цвета использовать, как масштабировать текст и как выглядит бренд. Эти бесплатные инструменты дизайна помогают быстро решить это прямо в браузере, а затем скопировать коды или скачать файлы.
Цвет и типографика
- Цвет: генератор цветовой палитры, генератор градиентной палитры и пипетка цвета по картинке, чтобы получить HEX-коды с фото.
- Читаемость: проверка контраста цветов и генератор типографической шкалы.
- Сетка: генератор модульной сетки.
Бренд и графика
Создайте простой логотип, полный брендбук, аватар или мокап устройства. Для фонов и форм попробуйте генератор паттернов и генератор SVG-блобов. Градиенты, тени и другой CSS-код ищите в CSS инструментах, а редактировать фото можно в инструментах для изображений.
Советы
- Ограничьте палитру несколькими основными цветами и нейтральными для текста и фона.
- Перед публикацией проверьте каждую пару текста и фона на контраст.
- Сохраняйте логотипы в SVG или PNG с прозрачностью, чтобы они смотрелись на любом фоне.