Печать

10 jQuery плагинов для выборки цвета (color picker)

Все плагины делятся на две категории. Одна из категорий представляет собой атлас цветов (swatches) - есть какие-то предустановленные цвета, из которых надо делать выбор. А вторая категория - позволяет выбирать всевозможные варианты цветов, путём перемещения по цветовому полю - color picker. Оба названия взяты из соответствующих инструментов Adobe Photoshop.

Все плагины проверялись в Internet Explorer 6-8, Google Chrome 5, Opera 10.60, Opera 9.26, Mozilla Firefox 3.6.6, Safari 4.03.

Color Pickers

  1. jPicker.
    jPicker 10 jQuery плагинов для выборки цвета (color picker)

    Гибридный плагин, содержащий в себе и color picker, и swatches. Лучший в линейке плагинов, т.к. корректно работает во всех ишаках, даёт информацию о цвете в системах HSV и RGB, даёт номер цвета. При этом если вы будете кликать по точечкам рядом с буквами RGB и HSV, то внешний вид палитры будет изменяться! Иными словами, есть всё, на вкус и на цвет.

     

  2. Eyecon Color Picker
    eyecon colorpicker

    Очень приятный и удобный плагин. Выдаёт параметры цвета в цветовых системах RGB и HSB, даёт также номер цвета. Более и не надо. Возможно задать два цвета в окошках справа вверху, чтобы их сравнивать. По ссылке инфо можно найти очень полезную информацию по плагину.  Замечена некорректная работа в IE6 - цветовое поле представлено оттенками серого, но при этом цвета в полях справа вверху показаны нормально, да и номера цветов указываются верно. По ссылке на второй пример указана упрощённая версия плагина. В целом плагин очень хорош, и если выбирать не jPicker, то этот. Советую.

     

  3. Intelliance Color Picker.
    intelliance colorpicker
    Очень похож на упрощённую версию от Eyecon, но обладает своими недостатками. Показывает цвет в системе RGB и даёт номер цвета. В шестом экплорере выдаёт красное поле, боковая полоска цветов отсутствует. При этом в окошке справа вверху цвет показывается, номер цвета даётся корректно. В остальном всё нормально. По окончании выборки цвета возможно вызывать какую-нибудь функцию.

     

  4. Farbtastic.
    farbtastic 10 jQuery плагинов для выборки цвета (color picker)

    Плагин, внешне отличающийся от предыдущих. Даёт только номер цвета, хотя в некоторых случаях вроде бы можно получить нормированный цвет по системе HSL (нормированный к единице). Работает корректно вроде как везде. Хотя 7 ишак у меня просто зависал, но не факт, что в этом виноват плагин, нужно проверять.

     

Swatches

  1. iColorPicker.
    iColorPicker 10 jQuery плагинов для выборки цвета (color picker)
    Очень приятная палитра цветов. Даёт номер цвета. Баги не замечены.

     

  2. Really Simple Color Picker.
    really-simple-color-picker

    Очень простой атлас цветов. Цветов всего 36, возвращается номер цвета. Баги не замечены.

     

  3.  Normal Color Picker.
    felecan 10 jQuery плагинов для выборки цвета (color picker)
    Представляет собой атлас цветов, возвращающий номер цвета. По окончании выборки цвета возможно вызывать какую-нибудь функцию. В IE6 и Opera9.26 не работал, а IE7 намертво зависал, т.е. требуется дополнительная проверка на IE7.

     

  4. Simplecolor color-picker.
    simplecolor 10 jQuery плагинов для выборки цвета (color picker)
    Простой атлас цветов. Не проверялся, т.к. нет онлайн-примера.

     

  5. Crayonbox. crayonbox thumb 10 jQuery плагинов для выборки цвета (color picker)

    Настраиваемый набор цветов, который может давать и номер цвета, и его название, в общем всё что душе угодно, т.к. список цветов настраиваемый. Возможет вызов функции по клику на выбранный цвет.

     

  6. Syronex Color Picker.
    syronex thumb 10 jQuery плагинов для выборки цвета (color picker)
    Плагин полный аналог предыдущего. Багов также не замечено.
Интересная статья? Поделись ей с другими: