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