При посещении сайта компании обращает на себя внимание оригинальный дизайн – фирменный синий цвет «ВКонтакте» и TT Commons, специально разработанный как шрифт дисплея. Такое сочетание используется в каждой шапке страницы сайта.
Что такое код цвета
Зачем знать hex-код логотипа «ВКонтакте»
Чтобы точно воспроизводить серо-голубой колор фона логотипа VKontakte, темный, почти голубиковый с оттенками эвкалипта и можжевельника, желательно знать Hex-код краски.
Знание хекс-кода обеспечивает:
- точное воспроизведение оттенков корпоративного логотипа;
- быстрое создание корпоративной символики.
Где посмотреть код логотипа VK
Посмотреть hex-коды фирменной палитры «ВКонтакте» можно в специальной таблице. Ее использование позволяет выдерживать тональность логотипов всех членов экосистемы, «Еда ВКонтакте», «Такси ВКонтакте», «Работа ВКонтакте» и других сервисов, входящих в группу VK. При входе в свой аккаунт можно сохранить индивидуальную цветовую палитру и стиль оформления.

Сервисы выделения цвета
Подобрать краски можно на страницах соответствующих онлайн-служб, доступных всем пользователям. Готовая информация размещена по адресу //vk.com/brand.
Сетевая служба Fotor, расположенная здесь (ссылка //www.fotor.com/ru/features/color-splash.html), позволяет выделять цветом участки изображения при редактировании картинки, конвертировать их в черно-белый режим или с градациями серого, изменять цвета, делая их глубокими и насыщенными.
А также создавать контрастные зоны путем выделения цветом, тем самым привлекая внимание.
Существует много бесплатных сервисов, в которых можно подобрать цветовую палитру сайта или картинки для UX-дизайна:
- Coolors;
- Adobe Color CC;
- Tineye Multicolr;
- Color Reference;
- ColorSpace;
- Khroma.


Код страницы
Используйте только палитру VK – белую монограмму на синем основании. Чтобы сэкономить время на поиске нужного колора, запишите нужные хекс-коды и храните значения в доступном месте.
Данные фирменных значений для ВК:
- белый – hex #FFFFFF, rgb 255 255 255, cmyk 0 0 0 0, pantone WHITE;
- синий – hex #0077FF, rgb 0 119 255, cmyk 100 30 0 0, pantone 2194 С;
- черный – hex #000000, rgb 0 0 0, cmyk 0 0 0 100, pantone BLACK 6 C.
.jpg)
.jpg)
Через Adobe Photoshop
Для заполнения выбранной области картинки заданным цветом создан инструмент «Волшебная палочка». В приложении он реализует автоматическое выделение области со сложным контуром при минимальном количестве манипуляций (разграничение, выбор палитры, заливка).
Достаточно выполнить ряд действий:
- Выбрать на панели приложения «Инструменты» названный метод.
- Снять флажок «Смежные пиксели» в панели параметров при необходимости выбора несмежных областей одинакового колера (для выбора смежных областей флажок оставить установленным).
- Установить нужное представление на картинке.
- Задать на панели параметров диапазон большей ширины для используемой палитры (ввести значение 0xFF в поле «Допуск») и определить точку замера на изображении.
Сервис подбора цвета Adobe Color CC (прежде именовавшийся Kuler) аналогичен по набору функций десктопному приложению Adobe Photoshop. Первый распространяется как бесплатный продукт и доступен в интернете, а второй предлагается как коммерческая программа.
Веб-приложение представляет цветовую палитру в виде круга, в то время как настольный вариант использует табличный вид.
Если сохранить созданную палитру в файле, тогда можно использовать в графических редакторах InDesign, Illustrator и других релизах Photoshop.