Статті про колір
Практичні, перевірені поради щодо роботи з кольором на екрані та в друці: від вибору палітри до проходження аудиту доступності.
Як працювати з пастельними кольорами
Що робить колір пастельним, як зібрати пастельну палітру, яка не виглядає вицвілою, і як зберегти читабельність тексту та помітність акцентів на м’яких фонах.
Психологія кольору в брендингу: що підтверджується, а що ні
Тверезий погляд на психологію кольору: які колірні асоціації надійні, які популярні твердження — міфи, як культура й контекст змінюють значення і як це використати при виборі фірмових кольорів.
Колірна система на власних властивостях CSS
Як перетворити палітру на підтримуваний CSS: примітивні й семантичні токени, шкали 50–900, color-mix() і OKLCH, теми та помилки в іменуванні, яких варто уникати.
Дизайн з урахуванням дальтонізму
Хто має порушення колірного зору, які пари кольорів створюють проблеми і практичні прийоми — дублювання, контраст світлоти, безпечні палітри й інструменти перевірки — щоб інтерфейси й графіки працювали для всіх.
Як підібрати кольори для темної теми
Чому темна тема — не інвертована світла: сірі фони, прозорість тексту, приглушені акценти, глибина без тіней і CSS для правильного перемикання тем.
CSS-градієнти: практичний посібник
Лінійні, радіальні й конічні градієнти в CSS, колірні точки й різкі межі, як уникнути брудної середини, смуг і проблем із контрастом тексту — з готовими прикладами.
Як обрати колірну палітру для сайту
Практичний покроковий метод побудови палітри сайту: один базовий колір, шкала нейтральних, акцент, кольори станів і перевірка контрасту до запуску.
Контраст кольорів і WCAG: практичний посібник
Що насправді вимірює коефіцієнт контрасту WCAG, які пороги діють для тексту, іконок і рамок фокуса, і які помилки валять дизайн на аудиті доступності.
Правило 60-30-10: скільки якого кольору використовувати
Звідки взялося правило 60-30-10, як застосовувати його до сайтів та інтерфейсів і коли його порушувати: пропорції важать не менше, ніж самі кольори.
RGB і CMYK: чому колір у друці виглядає інакше
Чому колір, що сяє на екрані, виходить на папері тьмяним, що таке колірне охоплення й ICC-профіль і як підготувати фірмові кольори до друку без неприємних сюрпризів.
Колірні гармонії: комплементарна, аналогова, тріадна та інші
Як будуються колірні гармонії на колі, для чого підходить кожна схема і чому гармонія — це лише відправна точка, яку ще треба доводити вручну.
HEX, RGB, HSL, HSB і CMYK: колірні формати простими словами
Як поширені колірні формати описують той самий колір, коли використовувати кожен у CSS, дизайн-інструментах і друці та як конвертувати без сюрпризів.