CSS Types

CSS Types

Editing

<hue-interpolation-method>

색조(hue) 각도를 사용하는 색상 함수(lch(), hsl(), hwb() 등)의 보간을 위한 알고리즘을 나타낸다.

구문

  • CSS Color Module Level 4
    [ shorter | longer | increasing | decreasing ] hue

사용되는 키워드

키워드요약
decreasing

각도를 θ₂ - θ₁ ∈ [-360, 0]이 되도록 조정한다.

유사 자바스크립트
if (θ₁ < θ₂) {
  θ₁ += 360;
}
increasing

각도를 θ₂ - θ₁ ∈ [0, 360]이 되도록 조정한다.

유사 자바스크립트
if (θ₂ < θ₁) {
  θ₂ += 360;
}
longer

각도를 θ₂ - θ₁ ∈ {[-360, -180], [180, 360]}이 되도록 조정한다.

유사 자바스크립트
if (0 < θ₂ - θ₁ < 180) {
  θ₁ += 360;
} else if (-180 < θ₂ - θ₁ <= 0) {
  θ₂ += 360;
}
shorter

각도를 θ₂ - θ₁ ∈ [-180, 180]이 되도록 조정한다.

유사 자바스크립트
if (θ₂ - θ₁ > 180) {
  θ₁ += 360;
} else if (θ₂ - θ₁ < -180) {
  θ₂ += 360;
}

버전 명세

Modules
Module NameStatusSummary
CSS Color Module Level 4

Last review date: 2022-11-12