jQuery ColorPicker: Диалог выбора цвета

Рано или поздно в веб-программировании сталкиваешься с необходимостью вывести диалог выбора цвета (по забугорному colorpicker). Вещь в принципе распространенная, потому не удивительно что под наш любимый jQuery уже созданы готовые плагины. В этой статье я сделаю небольшой обзор существующих jquery-плагинов для выбора цвета и остановлюсь на некоторых из них.

Колорпикеры я бы разделил на два типа

  1. Палитра
  2. Каталог цветов

Каталог цветов я бы разделил еще на два типа

  1. Предустановленные цвета. Яркий представитель — плагин iColorPicker. В нем предустановлены наиболее популярные web-цвета. Сам плагин очень компактный (6 кб) и простой в установке.
  2. Пользовательские цвета. Если нужно дать пользователю выбрать из нескольких цветов, можно попробовать плагин Crayonbox jQuery Plugin.

Среди палитровых можно выделить два плагина

  1. Farbtastic: jQuery color picker plug-in. Очень достойный плагин. Мне он нравится прежде всего тем, что он стильный, легковесный (js-файл 8кб + стили и картинки) и очень просто встраивается. Есть и недостаток, этот плагин статичен, т.е. он не может аккуратно “выпасть” и так же плавно исчезнуть. Можно конечно написать и самому эти фичи, но желательно иметь по умолчанию.
  2. Color Picker. безусловный лидер. Отличный универсальный плагин, который можно использовать для тонкой настройки цвета. Именно его я использую в своих разработках.

Запись навигация

Top