Css wheel picker color
You can freely combine lightness and saturation variations in one go. Here you can define min and max lightness and saturation to create intermediate steps, as well as amount of steps. It’s a very handy tool, because this way you can easily create achromatic (shades of gray) and monochrome (varying lightness) palettes in addition to palettes based around hues of same lightness and saturation. The first one is called “Variations”, and you can use it for creating, well, variations of lightness and saturation within one hue: Both can be selected from right-click menu above a color. If you like the generated scheme, you can drag all color to the colors list in the right side of the window, or just you contextual menu:Īs soon as a color ends up in the favourites list, you get access to two functions for generating color variations. When you rotate the hues, the color widgets above the selector get automatically updated: Right now let’s just remember that there are two most used approaches to building harmonic schemes: relative positioning of hues on a color wheel according to one rule or another, and variation of one hue within a given lightness range. For more complicated explanation do have a go at “Color Wheels are wrong? How color vision actually works” by Jason Cohen. If you are new to this, for a really good reference I highly recommend an article by Iaroslav Lazunov called “Open the Door into the Science of Color Theory”. The “Type” list allows switching between 10 types of harmony building methods: complementary, analogous, triadic, split-complementary, tetradic, square, neutral, clash, five-tone and six-tone color. Every color widget has a right-click menu where you can copy the value to clipboard in various notations: hex, RGB. Any color you see can be dragged and dropped anywhere in the application. You can fix that by right-clicking and disabling the “Lock” checkbox in the contextual menu.Īt this point it’s worth mentioning that the user interface heavily relies on contextual (right-click) menus and drag’n’drop. The difference between the two versions of RYB is purely technical: the second implementation is a latter and more precise one you can easily spot how much better blue hues are represented.īy default the little circle inside color wheel is locked, so that you don’t change lightness and/or saturation inadvertently (which leaves you S and L sliders to the right from the color wheel).
Well, RYB, as we very well know, today has rather historical than practical use, but it is still taught in art schools and as such is nice to keep around. While RGB color wheel is the traditional color wheel used by graphic designers, Gpick additionally features two versions of RYB color wheel. The names are taken from two files, the first one being color palette by Resene Paints Ltd., the second one being X11 color palette (to the best of my knowledge). When you pick a color, it gets automatically added to the list of colors and is given a name. If you want the surrounding pixels maintaining their contribution to average value and then drop off at the farther end, choose “Cubic”.
“Oversample” is how many pixels around the mouse pointer are used to calculate the average color value, and “Falloff” controls how much these pixels influence the result depending on the distance from the center.įor example, if you want the selected amount of pixels around mouse pointer to affect the result equally, choose “None”. There are two controls for that: the “Oversample” slider and the “Falloff” list. Gpick can optionally take pixels surrounding the color picker’s cursor into consideration. When you move mouse (or stylus) cursor around, it will be closely followed by magnified representation of the area surrounding the current location of the mouse pointer: The picker is activated by clicking a button with an eye-drop icon in the lower right corner of the main window. Even though it looks like Gpick’s developer decided to implement half of Photoshop in a “while at that” fashion, everything still starts with the color picker which works very nicely, in a desktop-wide fashion, so you can pick colors from wherever your fancies take you :)