Skip to content

useOkHCL

useOkHCL() exposes helpers for reading, enabling, disabling, and updating OkHCL color values on node fills and strokes.

Use it when you are building advanced color tooling that needs to switch between standard RGBA editing and perceptual OkHCL editing.

Usage

ts
import { useOkHCL } from '@open-pencil/vue'

const okhcl = useOkHCL()

Returns

  • getFillColorModel()
  • getStrokeColorModel()
  • getFillOkHCLColor()
  • getStrokeOkHCLColor()
  • enableFillOkHCL()
  • disableFillOkHCL()
  • enableStrokeOkHCL()
  • disableStrokeOkHCL()
  • updateFillOkHCL()
  • updateStrokeOkHCL()
  • modelOptions

Released under the MIT License.