Цвет «сине-зелёный»

По-английски он называется teal — в честь утки чирка и цветного пятна на её крыльях. Это средний, сдержанный зелёно-синий. Часто встречается у технологических и медицинских брендов и в современных интерьерах.

Другие названия: teal, зелёно-синий.

Открыть в редакторе

HEX-код цвета «сине-зелёный» — #008080. В RGB это rgb(0, 128, 128), в HSL — hsl(180, 100%, 25%), а в CMYK — 100, 0, 0, 50.

Как это выглядит на самом деле

Выберите цвет для сочетания и посмотрите, как он выглядит в одежде, интерьере и дизайне.

Цвета, похожие на цвет «сине-зелёный»

Тёмно-циановый#008B8B Сосновый зелёный#01796F Виридиановый#40826D Петролевый зелёный#00534E Медянка#43B3AE Бутылочно-зелёный#006A4E

Цвет «сине-зелёный» вкратце

Цвет «сине-зелёный» (#008080) — холодный, тёмный и очень насыщенный. Он относится к группе оттенки бирюзового. Он состоит из 0 частей красного, 128 — зелёного и 128 — синего (из 255). Типичное применение: Веб, Брендинг, Интерьер.

Сине-зелёный: образец цвета с оттенками от светлого до тёмного · #008080 — Сине-зелёный · #008080

Оттенки цвета «сине-зелёный»: светлые и тёмные

От самого светлого к самому тёмному. Нажми на оттенок и скопируй его код.

Показать все оттенки: Генератор оттенков цвета

Гармонии цвета «сине-зелёный»

Сочетания по цветовому кругу. Больше — в инструменте гармония цветов.

КомплементарнаяБлизко к: Гранатовый

АналоговыеБлизко к: Морской зелёный, Океанский синий

ТриадаБлизко к: Пурпурный, Оливковый

Расщеплённая комплементарнаяБлизко к: Тирский пурпур, Шоколадный

ТетрадаБлизко к: Индиговый, Гранатовый, Авокадо

Палитры с цветом «сине-зелёный»

Скопируй коды или открой палитру в редакторе и настрой её.

Палитра: Монохромная · Сине-зелёный

Палитра: Аналоговая · Сине-зелёный

Палитра: Комплементарная · Сине-зелёный

Палитра: Триада · Сине-зелёный

Палитра: С нейтральными цветами · Сине-зелёный

Палитра: С акцентом · Сине-зелёный

Контраст цвета «сине-зелёный» с текстом

Белый текстКонтраст 4.8:1 · AA

Чёрный текстКонтраст 4.4:1 · AA крупный текст

По правилам WCAG 2.1. Другие пары проверь в проверке контраста.

CSS-код

:root {
  --sine-zelenyy: #008080;
  --sine-zelenyy-rgb: 0, 128, 128;
}
.фон { background-color: var(--sine-zelenyy); }
.текст { color: var(--sine-zelenyy); }

Цвета, похожие на цвет «сине-зелёный»

Голубой Tiffany Мексиканский зелёный Сланцево-серый Петролевый

Тематические палитры с этим цветом

Другие: оттенки бирюзового

Бирюзовый Аквамариновый Лазурный Водянисто-зелёный Петролевый Петролевый зелёный Тёмно-бирюзовый Пастельно-бирюзовый Голубой Tiffany Цвет утиного яйца Бирюзово-синий Медянка Тёмно-циановый

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветов Цвета 16 типов личностиПройди квиз из 8 вопросов и получи свой цвет Счастливый цвет дняТвой счастливый цвет дня по знаку зодиака

Все бесплатные инструменты →

Частые вопросы

Какой код у цвета «сине-зелёный»?

HEX-код цвета «сине-зелёный» — #008080. В RGB это rgb(0, 128, 128), в HSL — hsl(180, 100%, 25%), а в CMYK — 100, 0, 0, 50.

Какой цвет дополняет цвет «сине-зелёный»?

Дополнительный цвет на цветовом круге — #800000, оттенок, близкий к цвету «гранатовый». В небольшом количестве он служит акцентом и даёт сильный контраст.

Можно ли использовать белый текст на цвете «сине-зелёный»?

Да. Контраст с белым — 4.8:1, этого достаточно для обычного текста (WCAG AA).