Канверсія колераў
#b400ff
≈ Electric Violet
Варыяцыі
Мэта гэтага раздзела - дакладна стварыць адценні (дададзены чысты белы) і цёмныя адценні (дададзены чысты чорны) твайго выбранага колеру з крокам у 10%.
Прафесійны савет: Выкарыстоўвай цёмныя адценні для станаў навядзення і ценяў, адценні для падсветак і фонаў.
Цёмныя адценні
Цямнейшыя варыяцыі, створаныя шляхам дадання чорнага да твайго базавага колеру.
Адценні
Светлыя варыяцыі, створаныя шляхам дадання белага да твайго базавага колеру.
Агульныя выпадкі выкарыстання
- • Стан кампанентаў UI (навядзенне, актыўны, адключаны)
- • Стварэнне глыбіні з дапамогай ценяў і падсветак
- • Пабудова паслядоўных каляровых сістэм
Савет па дызайнерскай сістэме
Гэтыя варыяцыі складаюць аснову згуртаванай каляровай палітры. Экспартуй іх, каб захаваць паслядоўнасць ва ўсім праекце.
Каляровыя камбінацыі
Кожная гармонія мае свой настрой. Выкарыстоўвай гармоніі для генерацыі каляровых камбінацый, якія добра спалучаюцца.
Як выкарыстоўваць
Націсні на любы колер, каб скапіяваць яго значэнне Hex. Гэтыя камбінацыі матэматычна даказаны для стварэння візуальнай гармоніі.
Чаму гэта важна
Каляровыя гармоніі ствараюць баланс і выклікаюць пэўныя эмоцыі ў тваіх дызайнах.
Дапаўненне
Колер і яго процілегласць на каляровым коле, +180 градусаў адценка. Высокі кантраст.
Спліт-дапаўняльны
Колер і два суседнія да яго дапаўнення, +/-30 градусаў адценка ад значэння, процілеглага асноўнаму колеру. Смелы, як прамы дадатак, але больш універсальны.
Трыядны
Тры колеры, размешчаныя раўнамерна па каляровым коле, кожны на 120 градусаў адценка адзін ад аднаго. Лепш дазволіць аднаму колеру дамінаваць і выкарыстоўваць іншыя як акцэнты.
Аналогавы
Тры колеры з аднолькавай яркасцю і насычанасцю з адценнямі, якія суседнічаюць на каляровым коле, на 30 градусаў адзін ад аднаго. Плыўныя пераходы.
Манахраматычны
Тры колеры з аднолькавым адценнем з значэннямі яркасці +/-50%. Тонкі і вытанчаны.
Тэтрадычны
Два наборы дадатковых колераў, падзеленых на 60 градусаў адцення.
Прынцыпы каляровай тэорыі
Баланс
Выкарыстоўвай адзін дамінуючы колер, падтрымлівай другасным і акцэнтуй рэдка.
Кантраст
Забяспечвай дастатковы кантраст для чытальнасці і даступнасці.
Гармонія
Колеры павінны працаваць разам, каб стварыць адзіны візуальны вопыт.
Праверка кантрасту колераў
Праверка камбінацый колераў, каб пераканацца, што яны адпавядаюць стандартам даступнасці WCAG для чытэльнасці тэксту.
Колер тэксту
Колер фону
Кантраст
Стандарты WCAG
Пашыраны правернік кантрасту
Тонкая налада з дапамогай паўзункоў, некалькі папярэдніх праглядаў і іншае
Кожны з'яўляецца геніем. Але калі ты будзеш судзіць рыбу па яе здольнасці лазіць па дрэвах, яна пражыве ўсё сваё жыццё, думаючы, што яна дурная.