Цвят синьо-зелен

На английски се нарича 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 {
  --sinyozelen: #008080;
  --sinyozelen-rgb: 0, 128, 128;
}
.фон { background-color: var(--sinyozelen); }
.текст { color: var(--sinyozelen); }