Дабы не загонять вас лишний раз в заблуждение написал код. Но кто скажет как его можно написать грамотнее?
текст1  <div id="colorSelector" class="n_1"><div class="n_1" style="background-color: #0000ff"></div></div> <br>
        текст2  <div id="colorSelector" class="n_2"><div class="n_2" style="background-color: #ff0000"></div></div> <br>
         <br>
        
        
       текст3 <div id="colorSelector" class="n_3"><div class="n_3" style="background-color: rgb(123, 123, 123)"></div></div> <br>
$('#templateEditColors #colorSelector').each(function() {
	
	var idElem = $(this).attr('class');
	
		$(this).ColorPicker({
			color: '#0000ff',
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				$('#colorSelector .'+ idElem).css('backgroundColor', '#' + hex);
				
				
			}
		});
		});