3 бесплатных инструмента для подбора цвета в веб-дизайне

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

Первый сервис:



Colour Hunter - вы загружаете на сервис фото, а он выдает вам подходящую цветовую палитру с 16-ричными кодами цветов.



Второй сервис:



Colors Palette Generator на сайте CSS Drive действует аналогично предыдущему. 16-ричные коды цветов здесь можно просмотреть, если навести курсор мыши на нужный цвет. Цветовую палитру можно собрать "вручную", выбирая понравившиеся цвета двойным щелчком.



Кроме того, этот сервис по команде Save as CSS stylesheet (.css file) позволяет сгенерировать CSS-файл с полным набором кодов представленных цветов, например, такой как этот:

.color1 { color: #59a338}
.color2 { color: #36a4ca}
.color3 { color: #000000}
.color4 { color: #f6771a}
.color5 { color: #f78522}
.color6 { color: #aaabaa}
.color7 { color: #fdfdfd}
.color8 { color: #25526b}
.color9 { color: #676767}
.color10 { color: #1b83bd}
.color11 { color: #3c9236}
.color12 { color: #1891cc}
.color13 { color: #489636}
.color14 { color: #929292}
.color15 { color: #8a8a8a}
.color16 { color: #494949}
.color17 { color: #8e8d92}

Также по команде Save as Photoshop swatches (.aco file) сервис Colors Palette Generator выдаст вам цветовую палитру в формате Фотошоп.

Третий, самый навороченный вариант:



Color Scheme Designer позволяет выбрать гармоничные сочетания цветов при помощи цветового круга.



Непосредственно сразу после этого можно получить список цветов с их кодами:



А также 2 варианта дизайна веб-страницы на основе выбранной палитры цветов:

Светлый



и темный

Комментариев нет:

Отправка комментария

Оставьте свой комментарий

ShareThis