> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sipapp.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Using Sip

The **Menu Bar** is the quickest access point for Sip. The icon on the left opens the **Picker**, while the arrow on the right opens Sip's main menu.

## Menu Bar Icon

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/menu-bar-icon-light@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=b4cf445f349236b4f198f6e549b2e1b2" alt="menu-bar-icon" width="2000" height="120" data-path="_images/pages/using-sip/menu-bar-icon-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/menu-bar-icon-dark@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=6cdaad20c41d336a4a32165469987092" alt="menu-bar-icon" width="2000" height="120" data-path="_images/pages/using-sip/menu-bar-icon-dark@2x.png" />

In **Preferences**, you can customize the Menu Bar Icon:

* Choose a **condensed** version (just the Sip logo).
* Decide whether the icon should fill with the last picked color for instant visual feedback.

## Sip Menu

The Sip menu is your everyday workspace. It includes:

* The **Toolbar** for key actions.
* The **Palettes List** to manage your colors.
* The **Bottom Bar** for essential controls.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/sip-menu-light@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=7781c5c36d7d145b7488e6987890f939" alt="sip-menu" width="2000" height="1624" data-path="_images/pages/using-sip/sip-menu-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/sip-menu-dark@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=a303c43e320b135777eb6f3326f84f2c" alt="sip-menu" width="2000" height="1624" data-path="_images/pages/using-sip/sip-menu-dark@2x.png" />

## Toolbar

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/menu-toolbar-light@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=f3771429ec45e20cd713cfda0635230b" alt="menu-toolbar" width="1680" height="520" data-path="_images/pages/using-sip/menu-toolbar-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/menu-toolbar-dark@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=8b2b9da753460057956ef93df19b60fc" alt="menu-toolbar" width="1680" height="520" data-path="_images/pages/using-sip/menu-toolbar-dark@2x.png" />

The **Toolbar** includes:

* **Picker** for selecting one or multiple colors.
* **Contrast Checker** for reviewing color contrast.
* **New Palette** for creating a palette.
* **Color Panel** for generating or adjusting colors.

## Palettes List

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/palettes-list-light@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=1206762c02b28c915b743d05ed828216" alt="palettes-list" width="2000" height="1400" data-path="_images/pages/using-sip/palettes-list-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/palettes-list-dark@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=6e7a9d54e50e151396274c551045b37d" alt="palettes-list" width="2000" height="1400" data-path="_images/pages/using-sip/palettes-list-dark@2x.png" />

The **Palettes List** groups your colors into palettes. Select a palette to open and manage its colors, then use the back button to return to the list.

## Color History

* The top Palette is **Color History**, which stores all the colors you pick.
* You **can’t delete**, **rename**, or **reorder** the Color History Palette, but you can clear its contents.
* New colors are added in the order they were picked.

## Color Palette

Color Palettes help you organize colors into meaningful groups. There’s no limit to how many colors a Palette can hold, but you can’t have duplicates in the same Palette.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/select-palette-light@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=10c78ee6d02fb4e577c64ecf0818e538" alt="select-palette" width="2000" height="540" data-path="_images/pages/using-sip/select-palette-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/select-palette-dark@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=4cc6bdff0e966e81c3b34d626a7df7bc" alt="select-palette" width="2000" height="540" data-path="_images/pages/using-sip/select-palette-dark@2x.png" />

When a Palette is selected, new colors you pick are added to both **Color History** and the selected Palette. A checkmark identifies the selected Palette.

### Palette Actions

Click the three-dot button (**•••**) to open the actions menu. Depending on the palette and current selection, actions include:

* Clean History
* Edit Palette
* Duplicate
* Export
* Delete
* Add to Color Dock or Remove from Color Dock
* Lock Palette or Unlock Palette
* Delete Duplicated Colors
* Merge selected palettes
* Ungroup grouped colors

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/hover-palette-light@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=d4cbab834a8714acd770bda39602918f" alt="hover-palette" width="2000" height="1624" data-path="_images/pages/using-sip/hover-palette-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/hover-palette-dark@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=f0d3da90226de21002d00f151ef65fc1" alt="hover-palette" width="2000" height="1624" data-path="_images/pages/using-sip/hover-palette-dark@2x.png" />

You can also:

* Reorder Palettes by dragging vertically.
* Hold <kbd>⌥</kbd> while dragging to duplicate a Palette.

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/organize-palette-light@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=098518b291d9f40bae4e672e07ad20a3" alt="organize-palette" width="2000" height="1624" data-path="_images/pages/using-sip/organize-palette-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/organize-palette-dark@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=6b404fbaf2eb686b19ff46091f8f4514" alt="organize-palette" width="2000" height="1624" data-path="_images/pages/using-sip/organize-palette-dark@2x.png" />

## Organizing Colors

Drag and drop colors within a Palette to rearrange them, or drag colors between palettes to move them. To copy a color instead of moving it, hold <kbd>⌥</kbd> while dragging.

<Tip>
  Normal drag moves colors. <kbd>⌥</kbd>-drag copies colors and leaves the original color where it was.
</Tip>

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/organize-colors-light@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=83d758fab32971baf1b70fab834e3e96" alt="organize-colors" width="2000" height="1624" data-path="_images/pages/using-sip/organize-colors-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/organize-colors-dark@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=9974675e0f654bc3f9e6ca263d044041" alt="organize-colors" width="2000" height="1624" data-path="_images/pages/using-sip/organize-colors-dark@2x.png" />

## Bottom Bar

<img className="block h-auto w-full rounded-2xl dark:hidden" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/bottom-bar-light@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=a9db5f14c6f41cd8d21e288ce9d24ffa" alt="bottom-bar" width="2000" height="380" data-path="_images/pages/using-sip/bottom-bar-light@2x.png" />

<img className="hidden h-auto w-full rounded-2xl dark:block" src="https://mintcdn.com/sip/7D-kfzsC8WIOMMa0/_images/pages/using-sip/bottom-bar-dark@2x.png?fit=max&auto=format&n=7D-kfzsC8WIOMMa0&q=85&s=3fa3b0495a2063f5c4a1cc28387f2e6f" alt="bottom-bar" width="2000" height="380" data-path="_images/pages/using-sip/bottom-bar-dark@2x.png" />

The Bottom Bar gives you quick access to:

* Preferences
* Color Blindness Settings
* Main Window
* Quit Sip
