В уеб всеки цвят има своя роля: фон, текст, бутони, връзки и предупреждения. Тези 12 палитри са създадени точно за това, със светъл или тъмен фон, четлив цвят на текста и акцент за бутоните. Копирай HEX кодовете директно в CSS или в своя уеб редактор.
Чисто синьо за SaaS
Почти бял фон, много тъмносин текст и бутони в живо синьо.
Семпла корпоративна
За адвокатски кантори, консултантски фирми или индустриални предприятия.
Топъл онлайн магазин
Оранжевото откроява бутоните за покупка върху топъл фон.
Тъмен режим със зелено
Тъмни фонове на слоеве, светъл текст и зелен акцент за действията.
Природна и органична
За магазини за натурални продукти, градинарство или уелнес.
Доминиращия цвят (обикновено фона) използвай на около 60 % от страницата, второстепенния цвят – на 30 % (секции, карти, хедър), а акцента – на останалите 10 %. Запази акцента за бутоните и връзките, за да знае потребителят къде да кликне.
Провери контраста на текста
Правилата за достъпност WCAG изискват за обикновен текст контраст поне 4,5:1. Светлосивото върху бяло изглежда елегантно, но се чете трудно, особено на телефон на слънце. Преди публикуване използвай инструмент за проверка на контраста.
Определи цветове за състояния и предупреждения
Освен цветовете на марката сайтът се нуждае от цветове за грешки (червено), успех (зелено) и предупреждения (жълто или оранжево). Избери нюанси, които стоят добре с палитрата ти, и във формулярите и съобщенията ги използвай винаги еднакво.
