Like any designer, we live with colors every day at UXPin. But every designer has a different way they choose the right color to get the job done. We offer you some beautiful ways to pick a color similar to the familiar color pickers you’ve been using for years.
Advanced Color Picker
To access color picker first you need to select an element, like a typical box or a button. After you select it, the general properties menu on editor’s right side will show options tailored for this element. Find “Style” section and click it once. Voila! Now just select Color option to open Advanced Color Picker:
Of course, you have time-tested favorites at your disposal:
- HEX input
- RGB input and slider
- Alpha slider
- HSV slider
- Solid color swatches
- Last color used
The standard picker (first screen on the left) allows you to choose the color from basic palette very fast and accurate. Second tab contains several last used colors, solid ones as well as basic gradients palette. The third tab includes popular among web/UX designers color schemes. Beyond the standard bells and whistles, you can choose from your favorites. When you’ve found a color you love, just click the heart icon next to the color preview and we’ll save it forever. You can access this color and other favorites again in a quick-access menu at the top of the picker — just look for the heart icon:
Check out the full list of color options.
Eye Dropper Option
What’s more, we simplified the selection of values for a given hue and saturation to make your design life easier. To access HEX/RGB/CMYK input all you need to do is click on the picker icon in upper right corner of color menu. The new system menu will appear next to it with more advanced options.
If that’s not enough you can also access system color palette and for Mac users there’s additional way to pick a color — the eye dropper, as presented in this gif:
Here in UXPin we want our users to spend the least amount of time necessary to find tools that they need. To that end we made the gradient setup and opacity slider easy to find:
Gradients allow you to set transcendency of different colors either in a radial or linear way. For more precision, you can use the gradient angle input. What’s more, if you need to break the gradient into three or more points, just click anywhere on the gradient slider. That will add the extra point to the gradient.
The alpha slider is as easily accessible in the color picker:
Additionally you can change the opacity in the “Style” section:
If you would like to know more about our color pickers, gradient and opacity tools check out your free UXPin trial.