codechick
КурсыЗадачиОлимпСообществоМатериалыЖурнал
Войти
Справочник/CSS/Функции CSS/hwb()
← hue-rotate()linear-gradient() →
Функции CSS
attr()blur()brightness()calc()clamp()color-mix()conic-gradient()contrast()counter()cubic-bezier()drop-shadow()env()fit-content()grayscale()hsl()hsla()hue-rotate()hwb()linear-gradient()matrix()max()min()minmax()perspective()radial-gradient()repeat()repeating-linear-gradient()rgb()rgba()rotate()saturate()scale()skew()steps()translate()translate3d()translateX()translateY()url()var()

hwb()

Цвет по тону с добавлением белого и чёрного.

Сигнатураhwb(H W% B%)

Интуитивная модель: берём тон H и подмешиваем процент белизны W и черноты B.

.swatch {
  background: hwb(194 0% 0%);
}
← Все записи: Функции CSS
codechick

Простой и тёплый способ научиться программировать.

Платформа
КурсыПрограммыЗадачиОлимпМатериалыЖурналШпаргалкиСправочникЯзыки за минутыСтатистика
Инструменты
Студия кодаВизуализатор кодаДиаграммы MermaidСистемы счисленияJSON-форматтерТестер regexВсе инструменты →
Проект
О насTelegram-каналTelegram-чатКонтакты
© 2026 codechick.io · сделано с заботой о цыплятах