Палитра
Updated 28.12.2024
Палитра
С помощью цвета создаётся уникальная визуальная структура, которая помогает в коммуникации между брендом и клиентом. Чтобы визуальная структура была идентична во всех продуктах и материалах, мы используем небольшую основную палитру и определённые принципы работы с цветом.
Палитра бренда
Палитра бренда помогает в узнаваемости продуктов 1win, сохраняет преемственность в приёмах визуального языка и ассоциирует продукт с брендом компании.
Brand Blue
#00A3FF
Deep Blue
#0029D9
Outline Black
#000000
Value
Name
Brand Blue
Deep Blue
White
Outline Black
HSB
202 100 100
229 100 85
0 0 100
0 0 0
CMYK
100% 37% 0% 0%
100% 81% 0% 15%
0% 0% 0% 0%
75% 60% 60% 100%
RGB
0 163 255
0 41 217
255 255 255
0 0 0
Pantone
2191 C
Dark Blue C
RAL 9016
Neutral Black C
Пропорции цвета
Цвета палитры бренда имеют разную степень значимости и используются в определённом процентном соотношении, где приоритет отдаётся главному голубому цвету Brand Blue.
Brand Blue
40%
Основной цвет бренда
Deep Blue
30%
Второй по значимости цвет
Outline Black
20%
Дополнительный цвет
White
10%
Дополнительный цвет
Создание палитры
Цветовой круг Иттена используется как основа для создания палитры бренда. Круг входит в цветовой охват RGB-профиля, который соответствует дисплейной передаче изображения. Цвета подобраны таким образом, чтобы обеспечить широкий спектр возможностей в дизайне и коммуникации и продукте. Эта палитра включает в себя тёплые и холодные оттенки, а также их оттенки и вариации.
Цветовой круг Иттена
Оттенки и вариации
0
1
2
3
4
5
RGB-профиль
Цветовой профиль HSB
Цветовой профиль HSB представляет собой один из способов описания цветов в цветовой модели RGB. Акроним HSB — это набор параметров цвета где Hue — оттенок, Saturation — насыщенность, а Brightness — яркость.
Hue
Оттенок
Saturation
Насыщенность
Brightness
Яркость
Тональный диапазон
Тональные растяжки формируются по следующему алгоритму: для создания тёмных оттенков цвета берём шаг в 15 пунктов по каналу Brightness (яркость). Для светлых оттенков — шаг в 15 пунктов по каналу Saturation (насыщенность).
Brightness
25%
-15%
-15%
-15%
-15%
Brightness
100%
Brightness
100%
Hue
212
Hue
212
100%
Saturation
100%
Saturation
-15%
-15%
-15%
-15%
25%
Saturation