Skip to content
color-kitnext
StartAPI
color-kit on GitHub
Start

Concepts

  • OKLCH-canonical
  • Requested vs displayed
  • Planes and queries
  • Gamut and tolerance
  • Contrast

Guides

  • Headless picker
  • React
  • Contrast-aware palettes
  • GPU and three.js
  • Performance

API

  • Overview
  • @pbroom/color-kit
  • @pbroom/color-kit/plane
  • @pbroom/color-kit/interop
  • @pbroom/color-kit/compute
  • @pbroom/color-kit/hct
  • @pbroom/color-kit/driver
      • ffunctiongetSliderGradientStyles
      • ffunctionsampleSliderGradient
      • TtypeSliderHueGradientMode
      • TtypeSliderColorModel
      • TtypeSliderColorSpace
      • IinterfaceSliderGradientStop
      • IinterfaceSliderGradientStyles
      • TtypeSliderModelChannel
      • TtypeSampleSliderGradientOptions
      • TtypeOklchSliderModelChannel
      • TtypeHslSliderModelChannel
      • TtypeHsvSliderModelChannel
      • TtypeRgbSliderModelChannel
      • TtypeHctSliderModelChannel
  • @pbroom/color-kit/react
Map

@pbroom/color-kit/driver/Slider gradient

SliderModelChannel

Any channel of any SliderColorModel.

typeimport type { SliderModelChannel } from '@pbroom/color-kit/driver';slider-gradient.ts:49
type SliderModelChannel =
  | OklchSliderModelChannel
  | HslSliderModelChannel
  | HsvSliderModelChannel
  | RgbSliderModelChannel
  | HctSliderModelChannel;

Your display: detecting

MIT licensedSource