Як підібрати кольори для сайту?
Інтерфейсу зазвичай достатньо основного кольору бренду, акцентного кольору для дій (кнопки, посилання) і шкали сірих для фону, рамок і тексту. Зберігайте послідовність: завжди використовуйте ті самі HEX-коди й задавайте їх через змінні CSS.
Скопіюйте палітру як CSS
На кожній картці є кнопка, яка копіює CSS усіх п’яти кольорів. Вставте його у свою таблицю стилів і перейменуйте змінні під свій проєкт. Також можна скопіювати окремий колір, натиснувши на нього.
Контраст і доступність
Перед публікацією переконайтеся, що текст добре читається на своєму фоні. Скористайтеся інструментом перевірки контрасту, щоб підтвердити відповідність рівню WCAG AA або AAA. Це важливо і для доступності, і для SEO.
Хочете створити власну палітру з нуля? Спробуйте генератор палітри кольорів, візьміть палітру із зображення або перевірте контраст кольорів.