Главная -> Описания расширений. -> Краткое описание -> Цвет и цветовая палитра сайта.
Расширения для Mozilla Firefox (Pale Moon). - Сгруппированные описания расширений для Firefox.

Программы создания палитры цветов и анализа для веб-дизайна.

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

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

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

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

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

Нет необходимости создавать одинаковые по цвету сайты, т.к. не только Яндекс не любит цветовые клоны.

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

Расширение "ColorSuckr".

"ColorSuckr" - Извлечение цвета из изображения и создание цветовых схем.

Работает с Firefox 1.5 - 3.6.*, более старшие версии не поддерживаются.

Ссылка для загрузки последней версии ColorSuckr addons.mozilla.org

Расширение "ColorZilla".

Скриншот окна "Palette Browser…" для создания цветовой схемы веб-страницы.

созданная палитра цвета ColorZilla

"ColorZilla" - Пипетка для определения цвета в любом месте на странице сайта, копирование цифрового значения цвета в разных форматах (шесть форматов), увеличение и уменьшение области веб-страницы, и много других опций.

Страница для загрузки ColorZilla: addons.mozilla.org

Приложение ColorZilla выпускается для Mozilla Firefox (Pale Moon) и для Chrome (http://www.colorzilla.com/chrome/)

На сайте разработчика установлен HTML5 онлайн-генератор "CSS Gradient Generator", где можно сформировать любую градиентную заливку средствами CSS3 и использовать сгенерированный CSS3-код на веб-странице, в том числе и для браузера Internet Explorer 9.(Например, градиенты, как на нашем сайте)

Онлайн-сервис поддерживает горизонтальные, вертикальные, диагональные и радиальные градиенты

Программа "CSS Gradient Generator", создана Alex Sirota's (http://www.iosart.com/)

Расширение "Palette Grabber".

"Palette Grabber" - Создает цветовую палитру текущей страницы для графических приложений (Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET, OS X) и сохраняет в файл палитры.

Страница для загрузки - https://addons.mozilla.org/ru/firefox/addon/palette-grabber/

Работает с Firefox 1.5 - 3.6.*, старшие версии не поддерживаются.

Продолжением данного расширения является Palette Grabber Update (https://addons.mozilla.org/ru/firefox/addon/palette-grabber-update/), но судя по всему тоже заброшено и не поддерживается

Дополнение "Rainbow Color Tools".

"Rainbow" - Инструмент для создания определения цветовых характеристик веб-страницы. Имеет библиотеку закладок, где хранятся скопированные цвета.

Страница для установки Rainbow - https://addons.mozilla.org/ru/firefox/addon/rainbow-color-tools/

Домашняя страница разработчика программы "Rainbow Color Tools", где можно посмотреть все скриншоты данного дополнения к браузеру - http://harthur.github.com/rainbow/

Представленные дополнения к браузеру, входили или входят в текущий блок расширений, отдельная установка которых возможна по прямым ссылкам, если они присутствуют в текущем блоке расширений, на странице Список расширений в блоке для Firefox и Pale Moon

Подобрать цвет онлайн. Бесплатные ресурсы

Подобрать цвет онлайн

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

Color Blender

Олайн-блендер Color Blender (англ., сайт -  http://colorblender.com/). Сервис позволяет быстро создать цветовую схему веб-сайта: цвета текста, фона, ссылок, и т.д.

В режиме онлайн, перемещая полозки цвета, сервис Color Blender, автоматически (режим Auto Match) подберет шести цветную палитру (в системе RGB: Red, Green, Blue или HSV: Hue, Saturation, Value). Имеется возможность: в режиме Direct Edit более точно настроить цвета, сохранить цветовую палитру в файл: Photoshop Color Table (.ACT), Illustrator Colors (.EPS) или отправить файл на E-mail.

Алгоритм работы программы подбора цветов, основан на предпочтениях разработчика

Если зарегистрироваться на сервисе Color Blender, свои цветовые решения можете сохранять непосредственно на сайте.

Для начало работы, выберете полозок базового цвета, далее добавляйте остальные цвета пока не добьетесь желаемого результата

Справа от цветовых полозков находятся плашки усиления (ослабления) того или иного цвета.

ColourLovers

Более функциональный, англоязычный сервис ColourLovers для подбора цвета (http://www.colourlovers.com/palettes/).

Имеет несколько режимов работы: простой базовый режим, расширенный и создание палитры из изображения.

Для работы с веб-инструментами ColourLovers необходимо зарегистрироваться.

Имеется множество готовых цветовых палитр

Color Palette Generator

Англоязычный сервис, без регистрации. Color Palette Generator позволяет загрузить изображение с сайта, и программа рассчитает пяти-цветовую схему в двух вариантах. (http://www.degraeve.com/color-palette/)

Сгенерированная не растровая ASCII картинка (IMG2TXT)

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

На сайте есть много интересных сервисов, например можно создать визитную карточку, фавикон иконку (favicon) для сайта, создать ASCII графику из загруженного с сайта изображения и др.