Protocol Launcher

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.

Actions ​

Swap ​

On-Demand
ts
import { swap } from 'protocol-launcher/pika'

const url = swap()
Swap Colors in Pika

Undo ​

On-Demand
ts
import { undo } from 'protocol-launcher/pika'

const url = undo()
Undo in Pika

Redo ​

On-Demand
ts
import { redo } from 'protocol-launcher/pika'

const url = redo()
Redo in Pika

Appearance ​

Light ​

On-Demand
ts
import { light } from 'protocol-launcher/pika'

const url = light()
Light Appearance in Pika

Dark ​

On-Demand
ts
import { dark } from 'protocol-launcher/pika'

const url = dark()
Dark Appearance in Pika

System ​

On-Demand
ts
import { system } from 'protocol-launcher/pika'

const url = system()
System Appearance in Pika

Copy ​

Copy Foreground ​

On-Demand
ts
import { copyForeground } from 'protocol-launcher/pika'

const url = copyForeground()
Copy Foreground in Pika

Copy Background ​

On-Demand
ts
import { copyBackground } from 'protocol-launcher/pika'

const url = copyBackground()
Copy Background in Pika

Copy Text ​

On-Demand
ts
import { copyText } from 'protocol-launcher/pika'

const url = copyText()
Copy Text in Pika

Copy JSON ​

On-Demand
ts
import { copyJson } from 'protocol-launcher/pika'

const url = copyJson()
Copy JSON in Pika

Format ​

Format Hex ​

On-Demand
ts
import { formatHex } from 'protocol-launcher/pika'

const url = formatHex()
Format Hex in Pika

Format RGB ​

On-Demand
ts
import { formatRgb } from 'protocol-launcher/pika'

const url = formatRgb()
Format RGB in Pika

Format HSB ​

On-Demand
ts
import { formatHsb } from 'protocol-launcher/pika'

const url = formatHsb()
Format HSB in Pika

Format HSL ​

On-Demand
ts
import { formatHsl } from 'protocol-launcher/pika'

const url = formatHsl()
Format HSL in Pika

Format LAB ​

On-Demand
ts
import { formatLab } from 'protocol-launcher/pika'

const url = formatLab()
Format LAB in Pika

Format OpenGL ​

On-Demand
ts
import { formatOpenGL } from 'protocol-launcher/pika'

const url = formatOpenGL()
Format OpenGL in Pika

Format OKLCH ​

On-Demand
ts
import { formatOklch } from 'protocol-launcher/pika'

const url = formatOklch()
Format OKLCH in Pika

History ​

Show History ​

On-Demand
ts
import { showHistory } from 'protocol-launcher/pika'

const url = showHistory()
Show History in Pika

Hide History ​

On-Demand
ts
import { hideHistory } from 'protocol-launcher/pika'

const url = hideHistory()
Hide History in Pika

Toggle History ​

On-Demand
ts
import { toggleHistory } from 'protocol-launcher/pika'

const url = toggleHistory()
Toggle History in Pika

Pick ​

Pick Foreground ​

On-Demand
ts
import { pickForeground } from 'protocol-launcher/pika'

const url = pickForeground({
  type: 'hex',
})
Pick Foreground in Pika

Pick Background ​

On-Demand
ts
import { pickBackground } from 'protocol-launcher/pika'

const url = pickBackground({
  type: 'rgb',
})
Pick Background in Pika

Set Color ​

Set Foreground ​

On-Demand
ts
import { setForeground } from 'protocol-launcher/pika'

const url = setForeground({
  hex: 'fbbf24',
})
Set Foreground in Pika

Set Background ​

On-Demand
ts
import { setBackground } from 'protocol-launcher/pika'

const url = setBackground({
  hex: 'e74661',
})
Set Background in Pika

System ​

System Foreground ​

On-Demand
ts
import { systemForeground } from 'protocol-launcher/pika'

const url = systemForeground()
System Foreground in Pika

System Background ​

On-Demand
ts
import { systemBackground } from 'protocol-launcher/pika'

const url = systemBackground()
System Background in Pika

Window ​

About ​

On-Demand
ts
import { about } from 'protocol-launcher/pika'

const url = about()
About Pika

Help ​

On-Demand
ts
import { help } from 'protocol-launcher/pika'

const url = help()
Help in Pika

Preferences ​

On-Demand
ts
import { preferences } from 'protocol-launcher/pika'

const url = preferences()
Preferences in Pika

Resize ​

On-Demand
ts
import { resize } from 'protocol-launcher/pika'

const url = resize({
  width: 480,
  height: 300,
})
Resize Window in Pika