https://github.com/matthysdev/alfred-tailwind-colors

Alfred 4 Workflow to find the perfect color in the Tailwind Color Palette
https://github.com/matthysdev/alfred-tailwind-colors

alfred alfred-workflow alfred4-workflow color color-palette color-picker color-scheme colorpicker colors css design palette ui ux workflow workflows

Last synced: about 1 month ago
JSON representation

Alfred 4 Workflow to find the perfect color in the Tailwind Color Palette

• Host: GitHub
• URL: https://github.com/matthysdev/alfred-tailwind-colors
• Owner: MatthysDev
• Created: 2022-02-28T13:52:41.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2022-10-27T12:54:55.000Z (over 2 years ago)
• Last Synced: 2024-10-12T10:44:45.818Z (7 months ago)
• Topics: alfred, alfred-workflow, alfred4-workflow, color, color-palette, color-picker, color-scheme, colorpicker, colors, css, design, palette, ui, ux, workflow, workflows
• Language: JavaScript
• Homepage: https://matthys.dev
• Size: 2.54 MB
• Stars: 12
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# alfred-tailwind-colors

> Workflow to find Tailwind color palette with Alfred 5

> You can put a star on this repo to help me ! 🙏

---

## Exemples :

- All colors 

![2022-03-02 21 36 25](https://user-images.githubusercontent.com/81434852/156445600-0333c0e7-7a5e-4e36-9fa1-b10c12c26e24.gif)

- Find a specific color : 

![2022-03-02 21 36 49](https://user-images.githubusercontent.com/81434852/156445620-1c6a6ba4-a1cd-463c-943b-3d18d6f6913f.gif)

---

## Installation 

Download [TailwindColorPalette.workflow](https://github.com/MatthysDev/alfred-tailwind-colors/blob/master/TailwindColorPalette.alfredworkflow) file import to [Alfred](https://www.alfredapp.com/)

Now you can find any Color available in Tailwind with alfred by enter the following keyword : ```twc```

---

## Usage

**Keyword** `twc`: Search through [Tailwind Color Palette](https://tailwindcss.com/docs/customizing-colors#default-color-palette).

- `twc {query-color}`: Find a specific color gradient

- `Enter`: Copy to clipboard the color you select