Голубой фон для презентации: 20 оттенков и читаемый текст

Если на слайдах много текста, берите нежно-голубой или светло-голубой фон (оттенки 1–14 таблицы), а текст делайте тёмно-синим #102A43. Такие пары дают от 7:1 при пороге WCAG 2.2 для обычного текста 4,5:1. Насыщенный голубой оставьте для титула, заголовков и блоков с выводом. Белый читается только на тёмных № 19 и 20. Голубой градиент собирайте из двух близких нежных оттенков и проверяйте текст на обоих концах.

В Slidy можно описать тему или вставить свой текст в инструмент «Авто-презентация», поправить в редакторе и скачать в PPTX.

Сквозной пример: доклад по географии «Вода на Земле» на 10 слайдов для проектора в светлом классе. Общие правила палитры и шрифтов: в статье об оформлении презентации.

Шаг 1. Нежный, светлый или насыщенный голубой: выбор по залу и объёму текста

• Нежные и пастельные (1–8) — много текста, таблицы, печать, рассылка.
• Светлые (9–14) — графики, короткие тезисы, школьные и медицинские темы.
• Насыщенные (15–20) — титул, разделители, цветные полосы под заголовки, без основного текста.

Справка Microsoft относит синий к холодным цветам, которые «имеют тенденцию отступать на задний план», поэтому голубой уместен как фон. Если есть методичка или фирменный стиль, они важнее таблицы.

В нашем примере: текст на нежно-голубом фоне, титул на насыщенном № 20.

Шаг 2. 20 оттенков голубого фона для презентации: HEX, RGB и цвет текста

HEX-код цвета и RGB — один и тот же цвет в двух записях. Знак ✗ в колонке «Белый текст» значит, что белый не читается (ниже 3:1), а ≈ значит, что годится только крупный текст (от 3:1 до 4,5:1).

Проверено: ноябрь 2026, формула WCAG 2.2, w3.org.

Коды оттенков 1, 6, 7, 9–11 и 15–18 совпадают с именованными цветами CSS Color Module Level 4 (проверено в ноябре 2026). Русские названия описательные.

Нежные и пастельные: фон для презентации голубой нежный (оттенки 1–8)

Это самый безопасный выбор для текста, потому что тёмно-синий даёт от 9,58:1. Голубой лёд и дымка почти белые, и на проекторе в светлом зале такой бело-голубой фон может потерять голубизну. Заметный нежно-голубой фон дают оттенки 4–7, а у пудрового № 6 есть лёгкий бирюзовый оттенок. Серо-голубой № 8 подходит для деловых отчётов.

Светлые (оттенки 9–14)

Светло-голубой фон этой группы виден сразу, и тот же текст #102A43 даёт от 7,03:1. Оттенки подходят для коротких тезисов и графиков с тёмными линиями и подписями.

Насыщенные (оттенки 15–20)

Под текст насыщенный голубой берите только с цветом из таблицы. На № 15 читается тёмно-синий, на 16–18 чёрный, на 19 и 20 белый. Место этих оттенков — титульный слайд, полоса под заголовком и блок с выводом.

В нашем примере: для слайдов с текстом берём № 4 «Голубой акварельный» #D6ECFA.

Шаг 3. Какой текст читается на голубом фоне: тёмно-синий вместо белого

Белый текст на оттенках 1–15 даёт от 1,07:1 до 2,12:1, и буквы сливаются с фоном. По критерию 1.4.3 WCAG 2.2 (уровень AA) обычному тексту нужно не ниже 4,5:1. Крупному тексту, от 18 пт или от 14 пт полужирным, хватает 3:1. Уровень AAA (критерий 1.4.6) требует для обычного текста 7:1. Сам контраст не округляют, и 4,49:1 до порога не дотягивает. В таблице значения показаны с округлением вниз до сотых. Таблица порогов: в статье об оформлении презентации.

На № 16 тёмный текст #102A43 даёт лишь 4,52:1, поэтому на 16–18 стоит чёрный. Цвет текста держите один на всю презентацию, акцентный цвет для заголовков и цифр берите из той же гаммы. Тёмный лазурный #0B5394 даёт 7,30:1 на № 1, 6,86:1 на нежно-голубом фоне № 3 и 6,43:1 на № 4. Свои пары проверяйте в любом калькуляторе контраста текста и фона по WCAG.

В нашем примере: фон № 4 #D6ECFA, текст #102A43 (12,01:1), заголовки #0B5394 (6,43:1).

Шаг 4. Голубой градиент: где помогает, а где мешает тексту

Фон под буквами у градиента разный, поэтому текст проверяют на концах и посередине (середина — среднее RGB концов).

Проверено: ноябрь 2026, формула WCAG 2.2, w3.org.

Градиент из оттенков одной группы, 1–8 или 9–14, почти всегда безопасен, как градиент А. Градиент из разных групп, как В, проверяйте.

В нашем примере: титульный слайд на № 20, разделители на градиенте А, слайды с текстом на однотонном фоне № 4.

Шаг 5. Как поставить голубой фон по HEX-коду в PowerPoint и Google Презентациях

PowerPoint для Microsoft 365 и версий 2016–2024 на Windows:

1. «Конструктор» → «Стили фона» → «Формат фона».
2. «Заливка» → «Сплошная заливка» (для градиента «Градиентная заливка»).
3. Цвет → «Другие цвета» → «Настраиваемые», введите код в поле Hex. Поле есть с Office 2021, в версиях 2016 и 2019 вводят RGB.
4. «Применить ко всем», иначе фон сменится только на текущем слайде.

В PowerPoint для Интернета — «Дизайн» → «Фон» → «Сплошная заливка», градиентной заливки для фона там нет.

Проверено: ноябрь 2026, справка Microsoft о фоне, цвете текста и Office 2021.

Google Презентации:

1. «Слайд» → «Изменить фон» → поле справа от «Цвет».
2. «+» в разделе «Другой», шестнадцатеричный код, «ОК».
3. «Готово» для одного слайда или «Применить ко всем».

Проверено: ноябрь 2026, справка Google.

Картинка фоном, прозрачность и образец слайдов: в статье о фоне в PowerPoint.

В нашем примере: сначала заливка #D6ECFA и «Применить ко всем», потом титульный слайд в #0B5394 и разделители в градиент А. В обратном порядке «Применить ко всем» перекрасит и их.

После генерации проверьте, что текст тёмный, на переходах градиента его нет, а голубой один на всех слайдах.

В Slidy можно вставить этот промпт в инструмент «Авто-презентация», получить слайды с оформлением, поправить фон и текст в редакторе и скачать PPTX.

Что изменилось:

• контраст текста и фона вырос с 1,74:1 до 12,01:1;
• заголовок ушёл с градиента на однотонный фон;
• насыщенный голубой фон остался только на титульном слайде.

Ограничения. Формула WCAG считает контраст текста и фона по двум цветам и не учитывает проектор и засветку, оттенки 1–3 на проекторе могут выглядеть белыми. Для слайдов WCAG — ориентир.

Выберите номер оттенка под свой зал, поставьте его фоном по HEX-коду и пишите цветом текста из той же строки таблицы. Если презентация нужна к сроку, соберите её сразу в голубой гамме и поправьте текст в редакторе.