Аквамариновый цвет Aquamarine #7FFFD4

Светлый сине-зелёный оттенок со стандартным CSS-названием aquamarine.

CSS-имя aquamarine
RGB 127 · 255 · 212
HSL 160° · 100% · 75%
CSS Color Profile
aquamarine #7FFFD4
На этой странице
Цвет #7FFFD4 aquamarine
Коды цвета

Значения в разных форматах

Нажмите, чтобы скопировать

CMYK - ориентировочный пересчёт без учёта печатного профиля, а не CSS-синтаксис.

Контраст текста

Минимум WCAG AA для обычного текста - 4.5:1

Лучше: чёрный
Белый текст 1.22:1 Недостаточный
Чёрный текст 17.16:1 AAA
Светлее и темнее

Оттенки аквамаринового цвета

Шкала от светлого фона до насыщенного тёмного тона

Шкала рассчитана от исходного кода #7FFFD4. Для готовой дизайн-системы дополнительно проверьте контраст каждой пары текста и фона.

Готовые палитры

Сочетания с аквамариновым цветом

Три отправные точки для интерфейса или иллюстрации

Контрастная

Выразительная пара для акцентов, кнопок и небольших деталей.

Аналоговая

Соседние тона для спокойного и цельного цветового решения.

Монохромная

Один цвет разной светлоты для фона, текста и состояний элементов.

О цвете

Где использовать аквамариновый цвет

Аквамариновый #7FFFD4 сочетает высокую долю зелёного и синего света. Он светлее бирюзового и цвета морской волны, поэтому подходит крупным свежим поверхностям и требует тёмного текста.

Характер и восприятие

Аквамариновый выглядит чистым, прохладным и лёгким. Он ассоциируется с водой и хорошо поддерживает медицинские, туристические и экологические темы.

Подходящие задачи

  • Светлые информационные и промо-блоки.
  • Водная, wellness- и travel-тематика.
  • Палитры с тёмно-синим, коралловым и белым.

Практические рекомендации

  • Используйте тёмный текст на аквамариновом фоне.
  • Не путайте aquamarine с более насыщенным turquoise.
  • Для активных элементов выбирайте более тёмный сине-зелёный вариант.

Как задать аквамариновый цвет в HTML и CSS

В современной HTML-странице цвет оформляют через CSS. Для одного и того же оттенка можно использовать HEX-код, функции RGB и HSL или именованное значение aquamarine.

.example {
  color: #000000;
  background-color: #7fffd4;
}

Если значение понадобится в нескольких компонентах, вынесите его в CSS-переменную:

:root {
  --color-akvamarinovyy: #7fffd4;
}

.button {
  background: var(--color-akvamarinovyy);
}
ФорматЗначениеОсобенность
HEX#7FFFD4Компактная шестнадцатеричная запись.
RGBrgb(127 255 212)Красный, зелёный и синий каналы от 0 до 255.
HSLhsl(160 100% 75%)Тон, насыщенность и светлота.
CSS-имя aquamarine Готовое стандартное ключевое слово.
Продолжить подбор
Все коды цветов

Частые вопросы: аквамариновый цвет

Какой HEX-код у аквамаринового цвета?

Аквамариновый цвет имеет HEX-код #7FFFD4. В RGB это rgb(127, 255, 212), а в HSL - hsl(160, 100%, 75%).

Как написать аквамариновый цвет в CSS?

Используйте код #7FFFD4, функцию rgb(127 255 212), значение hsl(160 100% 75%) или стандартное ключевое слово aquamarine.

Какой текст использовать на фоне аквамаринового цвета?

Чёрный текст даёт более высокий контраст. Соотношение с белым составляет 1.22:1, с чёрным - 17.16:1.

С какими цветами сочетается аквамариновый?

Используйте контрастную, аналоговую или монохромную схему из таблицы на странице. Для спокойной композиции добавьте нейтральные светлые и тёмные оттенки, а насыщенный дополнительный цвет оставьте для небольших акцентов.

Можно ли использовать имя aquamarine вместо кода?

Да. Ключевое слово aquamarine поддерживается в CSS и соответствует значению #7FFFD4. Числовой код удобнее, если цвет нужно передавать между макетом, кодом и другими программами.