12 цветовых схем для вашего темного или светлого интерфейса
Темный интерфейс в разработке веб страниц и приложений стремительно и стабильно завоевывает сердца пользователей по всему миру.
Несомненным плюсом темного UI (User Interface) является то, что ночью вы получаете хорошую читаемость с меньшей нагрузкой для глаз, также пользователи некоторых смартфонов и гаджетов заметно ощущают экономию заряда батареи, ведь их экраны в Dark Mode потребляют меньшее количество заряда.
Правильный подход к контрасту
Несмотря на то, что темный интерфейс имеет множество преимуществ, важно помнить, что к выбору контраста и полутонов необходимо подходить с большой осторожностью, в противном случае ваш проект может вызвать обратную реакцию у пользователей.
Готовая комбинация цветовых решений для темного и светлого UI
Подборка включает в себя: основное цветовое решение, которое включает в себя по шесть вариантов цветов для темного и светлого интерфейса соответственно. Все просто, 1 вариант из 12 цветовых решений!
Чтобы начать использовать цвета из подборки, достаточно скопировать параметр и вставить в ваш проект.
-
#2c3f50
-
#018786
-
#b00020
-
#bec3c6
-
#e054b8
-
#309054
-
#34495e
-
#03dac6
-
#cf6679
-
#ebf1f1
-
#ff74d9
-
#309054
-
#008fff
-
#50e3c2
-
#ff5436
-
#6200ee
-
#e39801
-
#8eaf20
-
#45adff
-
#50e3c2
-
#ff5436
-
#bb86fc
-
#f1c40f
-
#a5c53c
-
#692FFF
-
#C146FE
-
#FFC846
-
#56D7FF
-
#0DD0E7
-
#A92B2B
-
#7945FF
-
#D173FF
-
#FFD675
-
#86E0FC
-
#0FD9F1
-
#C53C3C
-
#48E613
-
#82EE5D
-
#4A4A4A
-
#6F6F6F
-
#F1DD0F
-
#F19C0F
-
#74FF45
-
#8AF466
-
#646464
-
#7C7C7C
-
#F1E90F
-
#F1B40F