A modern color picker built for designers and developers, that allows you to collect, organize and edit colors, check contrast, and create custom color formats in code. Check it out at Sipapp.io.
General | |
---|---|
Show picker | β β₯ β P |
Show color panel | β β₯ β C |
Show menu bar | β β₯ β M |
Show contrast checker | β β₯ β O |
Set primary color | β Click |
Set secondary color | β§ β Click |
Get primary color | β β₯ β F |
Get secondary color | β β₯ β B |
Picker | |
Move picker left 1px | β |
Move picker right 1px | β |
Move picker up 1px | β |
Move picker down 1px | β |
Move picker left 10px | β§ β |
Move picker right 10px | β§ β |
Move picker up 10px | β§ β |
Move picker down 10px | β§ β |
Zoom and size | |
Increase picker size | + |
Decrease picker size | - |
Increase picker zoom | β₯ + |
Decrease picker zoom | β₯ - |
Color and formats | |
Next color | β β₯ β |
Previous color | β β₯ β |
Next format | β β₯ β |
Previous format | β β₯ β |
Colorspace | |
Next color space | β₯ β§ β |
Previous color space | β₯ β§ β |
Color dock | |
Show / hide color dock | β β₯ β D |
General | |
---|---|
Show picker | β β₯ β P |
Show color panel | β β₯ β C |
Show menu bar | β β₯ β M |
Show contrast checker | β β₯ β O |
Set primary color | β Click |
Set secondary color | β§ β Click |
Get primary color | β β₯ β F |
Get secondary color | β β₯ β B |
Picker | |
Move picker left 1px | β |
Move picker right 1px | β |
Move picker up 1px | β |
Move picker down 1px | β |
Move picker left 10px | β§ β |
Move picker right 10px | β§ β |
Move picker up 10px | β§ β |
Move picker down 10px | β§ β |
Zoom and size | |
Increase picker size | + |
Decrease picker size | - |
Increase picker zoom | β₯ + |
Decrease picker zoom | β₯ - |
Color and formats | |
Next color | β β₯ β |
Previous color | β β₯ β |
Next format | β β₯ β |
Previous format | β β₯ β |
Colorspace | |
Next color space | β₯ β§ β |
Previous color space | β₯ β§ β |
Color dock | |
Show / hide color dock | β β₯ β D |
Try searching for something else. Think weβre missing something? Send us an issue or add it yourself.
Add a missing shortcut πͺοΈUse calculations, charts, datepickers, eSignatures, payments, Google Places API, file uploads β Then embed it in your Framer website or other site builder.
Start building for freeFeel free to request missing tools or give some feedback using Twitter, E-mail or GitHub! If you can, please help out by adding the data yourself and be the hero of the Β±12k people per month using this resource.
Add a tool πͺDesigning products that enable others to to create or become more effective Β· Currently Product Designer @ConvertCalculator Β· Prev @WeTransfer, @Awkward & @YipYip.
Buy me a coffee β Twitter π¦