ColorPicker и Colorboard JS - UI контролы для выбора цветов

Контролы ColorPicker и Colorboard значительно упрощают работу с цветами в приложениях.

живое демо

  • Интеграция: jQuery, Angular, React, Vue.js, Backbone
  • Поддерживается во всех современных браузерах
  • Работает на устройствах с сенсорным экраном
  • Соответствует требованиям Секции 508
  • Удобная стилизация с помощью CSS

Обзор

ColorPicker - это поле с названием выбранного цвета и его шестнадцатеричным кодом. Нажав на поле, вы увидите палитру с доступными цветами. Вы можете изменить размер палитры и создать свой набор цветов. По умолчанию, оттенки на палитре расположены спектром радуги. Этот виджет поможет вам создавать удобные в использовании приложения для работы с цветами, например, для работы со стилями.

Палитра

По умолчанию, Colorboard включает только палитру. С помощью настройки виджета, вы можете добавить HTML разметку, чтобы изменить вид Colorboard. Например, вы можете добавить шестнадцатеричный код к каждому цвету.

Colorboard с шестнадцатеричным кодом рядом с каждым цветом.

Легко встраивайте в приложение

Webix Colorpicker легко добавить в форму или любой виджет Layout, благодаря чему вы сможете быстро выбирать нужные цвета.

Форматы Colorpicker

Colorpicker работает с форматами RGB, HSL, и шестнадцатеричным кодом подобно типичному графическому редактору.

Добавляйте свои цвета

Вы можете добавить свои цвета к стандартной палитре Colorboard. Для этого вам нужно определить массив с шестнадцатеричным кодом нужных цветов.

Пользовательские цвета в Colorboard.

Color Selector

Color Selector позволяет выбрать произвольный цвет. Вы можете использовать этот инструмент изолированно или же как попап для ColorPicker.

Кликните по вкладкам, чтобы посмотреть на все типы.