Pika

Pika is a native color picker for macOS. Protocol Launcher allows you to generate deep links to control Pika's color picking, formatting, and appearance settings.

Usage

There are two ways to use this library:

• On-Demand import from subpaths enables tree-shaking and keeps bundles small.
• Full Import from the root package is convenient but includes all app modules.

Pick On-Demand for production builds; Full Import is fine for quick scripts or demos.

Select Installation Method

On-Demand

Recommended. Optimized for production.

Full Import

Convenient. Good for quick scripts.

copyForeground and copyBackground accept an optional type (hex, rgb, hsb, hsl, lab, opengl, oklch). Omitting it keeps the current output format.

Actions

Swap

On-Demand

import { swap } from 'protocol-launcher/pika'

const url = swap()

Swap Colors in Pika

Undo

On-Demand

import { undo } from 'protocol-launcher/pika'

const url = undo()

Undo in Pika

Redo

On-Demand

import { redo } from 'protocol-launcher/pika'

const url = redo()

Redo in Pika

Appearance

Light

On-Demand

import { light } from 'protocol-launcher/pika'

const url = light()

Light Appearance in Pika

Dark

On-Demand

import { dark } from 'protocol-launcher/pika'

const url = dark()

Dark Appearance in Pika

System

On-Demand

import { system } from 'protocol-launcher/pika'

const url = system()

System Appearance in Pika

Copy

Copy Foreground

On-Demand

import { copyForeground } from 'protocol-launcher/pika'

const url = copyForeground()

Copy Foreground in Pika

Copy Background

On-Demand

import { copyBackground } from 'protocol-launcher/pika'

const url = copyBackground()

Copy Background in Pika

Copy Text

On-Demand

import { copyText } from 'protocol-launcher/pika'

const url = copyText()

Copy Text in Pika

Copy JSON

On-Demand

import { copyJson } from 'protocol-launcher/pika'

const url = copyJson()

Copy JSON in Pika

Format

Format Hex

On-Demand

import { formatHex } from 'protocol-launcher/pika'

const url = formatHex()

Format Hex in Pika

Format RGB

On-Demand

import { formatRgb } from 'protocol-launcher/pika'

const url = formatRgb()

Format RGB in Pika

Format HSB

On-Demand

import { formatHsb } from 'protocol-launcher/pika'

const url = formatHsb()

Format HSB in Pika

Format HSL

On-Demand

import { formatHsl } from 'protocol-launcher/pika'

const url = formatHsl()

Format HSL in Pika

Format LAB

On-Demand

import { formatLab } from 'protocol-launcher/pika'

const url = formatLab()

Format LAB in Pika

Format OpenGL

On-Demand

import { formatOpenGL } from 'protocol-launcher/pika'

const url = formatOpenGL()

Format OpenGL in Pika

Format OKLCH

On-Demand

import { formatOklch } from 'protocol-launcher/pika'

const url = formatOklch()

Format OKLCH in Pika

History

Show History

On-Demand

import { showHistory } from 'protocol-launcher/pika'

const url = showHistory()

Show History in Pika

Hide History

On-Demand

import { hideHistory } from 'protocol-launcher/pika'

const url = hideHistory()

Hide History in Pika

Toggle History

On-Demand

import { toggleHistory } from 'protocol-launcher/pika'

const url = toggleHistory()

Toggle History in Pika

Pick

Pick Foreground

On-Demand

import { pickForeground } from 'protocol-launcher/pika'

const url = pickForeground({
  type: 'hex',
})

Pick Foreground in Pika

Pick Background

On-Demand

import { pickBackground } from 'protocol-launcher/pika'

const url = pickBackground({
  type: 'rgb',
})

Pick Background in Pika

Set Color

Set Foreground

On-Demand

import { setForeground } from 'protocol-launcher/pika'

const url = setForeground({
  hex: 'fbbf24',
})

Set Foreground in Pika

Set Background

On-Demand

import { setBackground } from 'protocol-launcher/pika'

const url = setBackground({
  hex: 'e74661',
})

Set Background in Pika

System

System Foreground

On-Demand

import { systemForeground } from 'protocol-launcher/pika'

const url = systemForeground()

System Foreground in Pika

System Background

On-Demand

import { systemBackground } from 'protocol-launcher/pika'

const url = systemBackground()

System Background in Pika

Window

About

On-Demand

import { about } from 'protocol-launcher/pika'

const url = about()

About Pika

Help

On-Demand

import { help } from 'protocol-launcher/pika'

const url = help()

Help in Pika

Preferences

On-Demand

import { preferences } from 'protocol-launcher/pika'

const url = preferences()

Preferences in Pika

Resize

On-Demand

import { resize } from 'protocol-launcher/pika'

const url = resize({
  width: 480,
  height: 300,
})

Resize Window in Pika

Pick a contrasting color

Pick a contrasting color.

On-Demand

import { pickContrast } from 'protocol-launcher/pika'

const url = pickContrast()

Pick a contrasting color

Show compliance information

Show compliance information.

On-Demand

import { showCompliance } from 'protocol-launcher/pika'

const url = showCompliance()

Show compliance information

Hide compliance information

Hide compliance information.

On-Demand

import { hideCompliance } from 'protocol-launcher/pika'

const url = hideCompliance()

Hide compliance information

Toggle compliance information

Toggle compliance information.

On-Demand

import { toggleCompliance } from 'protocol-launcher/pika'

const url = toggleCompliance()

Toggle compliance information

Show the color preview

Show the color preview.

On-Demand

import { showPreview } from 'protocol-launcher/pika'

const url = showPreview()

Show the color preview

Hide the color preview

Hide the color preview.

On-Demand

import { hidePreview } from 'protocol-launcher/pika'

const url = hidePreview()

Hide the color preview

Toggle the color preview

Toggle the color preview.

On-Demand

import { togglePreview } from 'protocol-launcher/pika'

const url = togglePreview()

Toggle the color preview

Open the splash window

Open the splash window.

On-Demand

import { splash } from 'protocol-launcher/pika'

const url = splash()

Open the splash window

Official Documentation

• URL scheme documentation