Цветовые коды Flat UI

Плоский дизайн пользовательского интерфейса — один из популярных способов создания привлекательных шаблонов. Название Flat представляет собой не отвлекающие, плоские и двухмерные цвета, используемые для создания элементов шаблона. Основные сведения о цветах плоского интерфейса были взяты из Тема Bootstrap Flat UI. Но нет никаких ограничений в использовании любых других цветов в качестве плоских цветов.

Связанный: Цветовые коды радуги со значениями RGB и Hex

Цветовые коды Flat UI

Вот список из 20 плоских цветовых кодов пользовательского интерфейса со значениями Hex и RGB.

Название цвета Flat UI Значения RGB Шестнадцатеричный код Визуальный вид
БИРЮЗОВЫЙ 26 188 156 # 1ABC9C
ЗЕЛЕНОЕ МОРЕ 22 160 133 # 16A085
ИЗУМРУД 46 204 113 # 2ECC71
НЕФРИТ 39 174,96 # 27AE60
ПИТЕР РЕКА 52 152 219 # 3498DB
БЕЛИЗ 41,128,185 # 2980B9
АМЕТИСТ 155,89,182 # 9B59B6
WISTERIA 142,68,173 # 8E44AD
ВЛАЖНЫЙ АСФАЛЬТ 52,73,94 # 34495E
ТЕМНО-СИНИЙ 44,62,80 # 2C3E50
СОЛНЕЧНЫЙ ЦВЕТОК 241 196,15 # F1C40F
АПЕЛЬСИН 243,156,18 # F39C12
МОРКОВЬ 230,126,34 # E67E22
ТЫКВА 211,84,0 # D35400
АЛИЗАРИН 231,76,60 # E74C3C
ГРАНАТ 192,57,43 # C0392B
ОБЛАКА 236 240 241 # ECF0F1
СЕРЕБРЯНЫЙ 189 195 199 # BDC3C7
БЕТОН 149 165 166 # 95A5A6
АСБЕСТ 127 140 141 # 7F8C8D

Использование плоских цветов пользовательского интерфейса

Плоская тема должна использовать один из перечисленных выше цветов или любые другие менее насыщенные цвета для создания всех компонентов, используемых в теме. Ниже приведены некоторые значки с плоскими цветами.

Элементы с плоскими цветами

Обычно плоские цветные элементы будут выглядеть очень привлекательно и бросаться в глаза. Ниже приведены несколько примеров из темы плоского пользовательского интерфейса Bootstrap.

Примеры элементов дизайна Flat UI

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *