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
  • @pbroom/color-kit/react
      • KconstColorContext
      • ffunctionuseColorContext
      • <>componentColor
      • ffunctionuseColor
      • ffunctionuseMultiColor
      • ffunctioncreateColorStore
      • ffunctionuseColorStoreSelector
      • TtypeColorContextValue
      • IinterfaceColorProps
      • IinterfaceSetRequestedOptions
      • IinterfaceUseColorOptions
      • IinterfaceUseColorReturn
      • IinterfaceUseMultiColorOptions
      • IinterfaceUseMultiColorReturn
      • IinterfaceColorStore
Map

@pbroom/color-kit/react/Color

ColorContextValue

Value shared by a Color provider; the same shape useColor returns.

typeimport type { ColorContextValue } from '@pbroom/color-kit/react';context.ts:9
type ColorContextValue = UseColorReturn;

Your display: detecting

MIT licensedSource