Розовый цвет Pink #FFC0CB

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

Цвет pink #FFC0CB - светлый оттенок красного с высокой долей зелёного и синего каналов. Он подходит для больших мягких поверхностей, декоративных деталей и спокойных акцентов, но для текста требует достаточно тёмного контрастного цвета.

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

Розовый может выглядеть нежным, лёгким или игривым. Насыщенные варианты дают энергичный современный акцент, пыльные - более сдержанное настроение.

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

• Светлый фон карточки или промо-секции.
• Иллюстрации, категории и декоративные метки.
• Сочетания с бордовым, фиолетовым и тёмно-зелёным.

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

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

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

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

.example {
  color: #000000;
  background-color: #ffc0cb;
}

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

:root {
  --color-rozovyy: #ffc0cb;
}

.button {
  background: var(--color-rozovyy);
}