Alfred Colorway Workflow

This is an Alfred Workflow to quickly interact with HSDS colors, using colorway.

Install

$ npm install --global @helpscout/alfred-colorway

Usage

To trigger the workflow, type cw

Options

• cw _hue_: returns a list of all color shades for the particular hue. Example: cw whaletail
• cw _hsds.color_: returns the color code (HEX, RGB) of the HSDS color. Example: cw blue.500
• cw find _color_: returns the closest color from the HSDS palette for any given color. Accepts rgb, hex and css named colors. Example: cw find dodgerblue

Interactions

• Selecting an item from the list copies the HEX (eg #BADA55) to the clipboard and pastes on the most front application (this last bit can be configured inside Alfred preferences).
• Selecting while pressing ⌥ option will copy the hex code without the #
• Selecting while pressing ⌘ cmd will copy the rgb code