Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/onmyway133/xcodecolorsense2

🍉 An Xcode source editor extension that shows hex color info
https://github.com/onmyway133/xcodecolorsense2

color editor extension hex name xcode

Last synced: 11 days ago
JSON representation

🍉 An Xcode source editor extension that shows hex color info

Awesome Lists containing this project

README

        

# XcodeColorSense2

❤️ Support my apps ❤️

- [Push Hero - pure Swift native macOS application to test push notifications](https://onmyway133.com/pushhero)
- [PastePal - Pasteboard, note and shortcut manager](https://onmyway133.com/pastepal)
- [Quick Check - smart todo manager](https://onmyway133.com/quickcheck)
- [Alias - App and file shortcut manager](https://onmyway133.com/alias)
- [My other apps](https://onmyway133.com/apps/)

❤️❤️😇😍🤘❤️❤️

![](Screenshots/Banner.png)

## Story

**What is that hex color? 🤔**

All my apps use hex color now. But when browsing the source code, it's hard to know which color it is, I normally need an app or go to Chrome to checkout the color, I want to do that within Xcode

That's why I made [XcodeColorSense](https://github.com/onmyway133/XcodeColorSense), which shows us the color for a particular hex or rgb color. But from Xcode 8+ it is not possible to have Xcode plugin.

So this is my 2nd attempt to make that available in Xcode, through Xcode Source Editor Extension. I used [Farge](https://github.com/onmyway133/Farge) to find name of a hex color

I want to use framework in the extension, but Xcode keeps complaining about that http://stackoverflow.com/questions/43673353/how-to-use-framework-in-xcode-source-editor-extension

I use [GifCapture](https://github.com/onmyway133/GifCapture) to capture the gif. Here I use key binding Cmd+Ctrl+S to toggle color info

![](Screenshots/demo.gif)

## How to install

- Follow my tutorial here [Install Xcode 8 Source Editor Extension](https://medium.com/@onmyway133/install-xcode-8-source-editor-extension-10c9849e33b0)
- Use the built binary https://github.com/onmyway133/XcodeColorSense2/releases

## How to use

- `Color Sense` is available in `Editor -> Color Sense -> Color Sense`. Click it to show color name, click it again to hide color name

![](Screenshots/editor.png)

- Use key binding to make it more convenient

![](Screenshots/keyBinding.png)

## Author

Khoa Pham, [email protected]

## Credit

- Thanks [Chris](https://github.com/zenangst) for showing me `color literal`