Палітри кольорів

Колір світло-лососевий

М’який блідий помаранчево-рожевий, світліший за класичний лососевий. Це одна зі стандартних назв кольорів у HTML і CSS. Пасує для привітних сайтів, літнього одягу та теплих стін.

Інші назви: light salmon.

HEX-код кольору світло-лососевий — #FFA07A. У RGB це rgb(255, 160, 122), у HSL — hsl(17, 100%, 74%), а в CMYK — 0, 37, 52, 0.

Як він виглядає насправді

Виберіть колір для поєднання й подивіться, як він виглядає на одязі, в інтер'єрі та в дизайні.

Кольори, схожі на колір світло-лососевий

Коралово-рожевий#F88379Лососевий#FA8072Палевий#E5AA70Теракотовий#E2725BПалена сієна#E97451Кораловий#FF7F50

Колір світло-лососевий: основні дані

Колір світло-лососевий (#FFA07A) — теплий, світлий і дуже насичений. Належить до групи: відтінки помаранчевого. Складається з 255 червоного, 160 зеленого й 122 синього (за шкалою до 255). Де його найчастіше використовують: Веб, Мода, Декор.

Зразок кольору Світло-лососевий з відтінками від світлого до темного · #FFA07A
Світло-лососевий · #FFA07A

Колір світло-лососевий: світлі й темні відтінки

Від найсвітлішого до найтемнішого. Натисніть відтінок, щоб скопіювати його код.

Перегляньте всі відтінки: Генератор відтінків кольору

Колір світло-лососевий: колірні гармонії

Поєднання на основі колірного кола. Більше в інструменті гармонія кольорів.

КомплементарнаБлизький до: Ніжно-блакитний
АналоговіБлизький до: Кавуновий, Пастельний жовтий
ТріадаБлизький до: М’ятний, Сланцевий синій
Розщеплена комплементарнаБлизький до: Аквамариновий, Волошковий

Колір світло-лососевий: готові палітри

Скопіюйте коди або відкрийте палітру в редакторі, щоб налаштувати її.

Палітра Монохромна · Світло-лососевий
Палітра Аналогова · Світло-лососевий
Палітра Комплементарна · Світло-лососевий
Палітра Тріада · Світло-лососевий
Палітра З нейтральними · Світло-лососевий
Палітра З акцентом · Світло-лососевий

Колір світло-лососевий: контраст із текстом

Білий текстКонтраст 2.0:1 · Не рекомендовано
Чорний текстКонтраст 10.6:1 · AAA

Згідно з настановами WCAG 2.1. Інші пари перевірте в інструменті перевірка контрасту.

CSS-код

:root {
  --svitlo-lososevyi: #FFA07A;
  --svitlo-lososevyi-rgb: 255, 160, 122;
}
.tlo { background-color: var(--svitlo-lososevyi); }
.tekst { color: var(--svitlo-lososevyi); }

Кольори, схожі на колір світло-лососевий

ДиневийПерсиковийМанговийБронзовий

Тематичні палітри з цим кольором

Інші відтінки помаранчевого

ПомаранчевийМандариновийГарбузовийМорквянийАбрикосовийПерсиковийКораловийТеракотовийПалений помаранчевийЛососевийІржавийМіднийНеоновий помаранчевийПастельний помаранчевийЧервоно-помаранчевийМанговийДиневийХурмовийТемно-помаранчевийПалена сієнаКоралово-рожевий
Зразок кольору Світло-лососевий з відтінками від світлого до темного · #FFA07A
Зразок кольору Світло-лососевий з відтінками від світлого до темного · #FFA07A

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

Палітра кольорів з іменіВведи ім’я й отримай власну палітру кольорівКолесо фортуниВпиши свої варіанти й крути рулетку. Є й кольорове колесоСлот кольорівПотягни важіль і отримай палітру кольорів
Усі безкоштовні інструменти →

Часті запитання

Який код кольору світло-лососевий?

HEX-код кольору світло-лососевий — #FFA07A. У RGB це rgb(255, 160, 122), у HSL — hsl(17, 100%, 74%), а в CMYK — 0, 37, 52, 0.

Який колір комплементарний до кольору світло-лососевий?

Комплементарний колір на колірному колі — #7AD9FF, відтінок, близький до кольору «ніжно-блакитний». У невеликій кількості він працює як акцент і дає сильний контраст.

Чи можна використовувати білий текст на кольорі світло-лососевий?

Краще використовуйте чорний текст: контраст із білим лише 2.0:1, а з чорним — 10.6:1.