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
      • ffunctionuseGamutBoundary
      • ffunctionuseChromaBand
      • ffunctionuseContrastRegion
      • ffunctionuseFallbackPoints
      • IinterfaceColorPlaneLineGeometry
      • TtypeColorPlaneLinePoint
      • IinterfaceUseGamutBoundaryOptions
      • IinterfaceUseChromaBandOptions
      • IinterfaceContrastRegionGeometry
      • IinterfaceContrastRegionMetrics
      • IinterfaceUseContrastRegionOptions
      • IinterfaceColorPlaneFallbackPoints
      • IinterfaceColorPlanePixelSize
      • IinterfaceColorPlaneQueryOptions
      • IinterfaceColorPlaneSpec
Map

@pbroom/color-kit/react/Plane geometry

ColorPlaneFallbackPoints

Return value of useFallbackPoints.

interfaceimport type { ColorPlaneFallbackPoints } from '@pbroom/color-kit/react';use-fallback-points.ts:9
interface ColorPlaneFallbackPoints {
  srgb: ColorAreaFallbackPoint;
  p3: ColorAreaFallbackPoint;
}

Properties

srgbColorAreaFallbackPoint
Where the plane color lands after gamut mapping into sRGB.
p3ColorAreaFallbackPoint
Where the plane color lands after gamut mapping into Display P3.

Your display: detecting

MIT licensedSource