Магазин портативной техники "Портатив"
:: на главную
PhotoShop > Перевод цветов из RGB в HEX и обратно

Это должно быть известно всем, кто хоть раз пытался создать абсолютно идентичные цвета в HTML и на картинке. А кто не пытался, должен был хотя бы догадываться об этом :) Итак. Задача чаще всего возникает слудующая: необходимо наложить картинку, скажем, с фоном синего цвета на такой же синий фон на страничке. Многие попытки подогнать цвет на глаз приводили к тому, что цвета все же подло отличались. Не помогла и прозрачная основа картинки - опять же, подло вылезает эффект "алясинга", то есть эффект наложения на границах изображения. Вот так и возникает задача, которая повергат в уныние незадачливых веб-строителей.

Известно, что в Фотошопе для определения цвета используется три цифровые составляющие: RGB [Red Green Blue], тогда как в HTML используются цвета шестнадцатиричного формата, такие, как: 00D0FF. Настало время предложить вам два способа перевода этих цветов из формата RGB в HEX (шестнадцатиричный) и обратно:

Способ номер раз.
Открываем старый-добрый калькулятор, который поставляется стандартно с любой версией Windows. Переключам его в инженерный режим. Допустим, необходимо перевести цвет из режима RGB (Photoshop) в шестнадцатиричный режим (html). Открываем фотошоп и в палитре узнаем три пары чисел, соответствующик R, G и B. Вводим первую пару чисел в калькулятор, переходим в режим HEX и узнаем первые две составляющие. Так же поступаем с остальными двумя парами цифр.

Вот примерчик, кто не догоняет.
Есть синий цвет в Photoshop, RGB=267485, т.е R=26, G=74, B=85. Открываем калькулятор в инженерном режиме, переходим в режим Dec и вводим первую пару цифр 26, переходим в режим HEX и получаем 1A. Потом так же поступаем с остальными двумя парами. В итоге плучается вот что.
RGB: 26 74 85
HEX: 1A4A55
Вводим в теге color="#1A4A55" и получаем абсолютно идентичный цвет. Можете проверить. Таким же макаром цвета преобразовываются и в обратном направлении.

Способ второй
И более простой (он же ламмерский) способ. Делаете скриншот вашей веб-страницы. Открываете скиншот в Фотошопе и пипеткой узнаете цвет. Гарантия попадания практически 100%. Однако, такой способ действует только в одну сторону, то есть переводит цвет из формата Html (HEX) сразу в формат Фотошопа RGB. Зато очень быстро. Вот и все. Будьте здоровы...

Автор: Кушнерук Денис

<< НАЗАД