2013-11-16 3 views
0

Я создаю редактор цвет фона на своем веб-сайте. В основном я бы соответствовал определенным цветам в зависимости от цвета, выбранного пользователем. Например, на основе добавленного цвета ... я бы получил два типа цветов (зажигалкой и темнее).Изменение цвета гекса в зависимости от выбора

Итак, с этим шестнадцатеричным #a5cedb более подходящим цветом соответствует #f6fafb, тогда как темнее это #739099.

Теперь, есть ли сценарий, который находит точное совпадение цветов на основе этого примера? Следуя этому принципу, я должен быть в состоянии найти #fafcf6 (светлее) и #919a72 (темнее), вставив этот гекс #d0dca4

Я прошу слишком много или есть уже что-то, что делает это?

(... извините за мой плохой английский)

+0

Вы должны преобразовать шестнадцатеричное значение для значений RGB, а затем уменьшить/увеличить каждое значение RGB и преобразовать обратно в шестнадцатеричный. ['parseInt()'] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt) и ['Number.toString()'] (https: // разработчик .mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toString) помогут вам конвертировать базы. – Teemu

+0

http://goo.gl/t1RYwk решил таким образом –

ответ

0

Посмотрите на эти плагины для найденного вашего решения:

http://davidwalsh.name/color-palette-generator-jquery

http://www.xarg.org/project/jquery-color-plugin-xcolor/

http://enideo.com/code/jquery-colors-plugin/

пожалуйста, объясните больше!

+0

https://dl.dropboxusercontent.com/u/48746447/color.jpg это способ фотошопа, чтобы получить мои идеи ... теперь это возможно с чем-то плагин или скрипт? если это возможно ! : D –

+0

@MarioRossi Похоже, ваш пример просто изменяет значение альфа в 'rgba (R, G, B, alpha)'. – Teemu

+0

http://goo.gl/t1RYwk решено! –

1

Вы можете использовать тебя следующие функции для преобразования шестигранника в целом:

function hex2int(h) { 
     return parseInt(h, 16); 
} 

alert(hex2int('dd66ab')) 

, чем вы можете сравнить:

if(hex2int('dd66ab')>hex2int('fafcf6')){ 
     //do somethig 
} 
Смежные вопросы