Поле Color Picker во фронтенде

Различные варианты добавления поля Color Picker во фронтенде.

Поле color HTML5

Может работать не во всех браузерах, но при этом не требует дополнительных подключений.

<label for="favcolor">Выбор цвета:</label>
<input type="color" id="favcolor" name="favcolor" value="#ff0000">

Получить данные с поля

var color = $('#favcolor').val();

Плагин jQuery MiniColors

Посмотреть Demo и скачать исходники можно тут.

Поле выглядит так, пример:

<input type="text" id="color" class="minicolors" value="#ff6161">

Инициируется так:

jQuery(document).ready(function($){
	$('.minicolors').minicolors({
		control:'wheel'
	});
});

Встроенный Color Picker WordPress

В идеале было бы хорошо подключить встроенный wp-color-picker, но сделать это у меня не получилось.

[site-socialshare]