Color picker

Last updated
A screenshot of the GTK+ 2 color picker. GTK color chooser.png
A screenshot of the GTK+ 2 color picker.
A screenshot of the Qt color picker. Qt color chooser.png
A screenshot of the Qt color picker.
GIMP color picker. Gimp color selector 03.gif
GIMP color picker.

A color picker (also color chooser or color tool) is a graphical user interface widget, usually found within graphics software or online, used to select colors and, in some cases, to create color schemes (the color picker might be more sophisticated than the palette included with the program). [1] Operating systems such as Microsoft Windows or macOS have a system color picker, [2] which can be used by third-party programs (e.g., Adobe Photoshop). [3] [4]

Contents

History

The concept of color pickers dates back to the early days of computer graphics and digital design. [5] Early versions were rudimentary, often featuring basic color palettes and limited functionality. [6] One of the first drawing programs to include a color picker was SketchPad (also referred to as LisaSketch), designed by Bill Atkinson in 1983 to showcase LisaGraf's capabilities. [7] It used a black and white pattern system, using dithering to create the illusion of color depth.

With the increased popularity of personal computers with color graphics, there soon came software similar to SketchPad that supported more than two colors, like Broderbund's Dazzle Draw for the Apple II or Electronic Arts' Deluxe Paint. However, the color pickers present in those programs relied on indexed colors. Color pickers, resembling ones used in modern software with support for direct, 24-bit color, appeared soon after the release of the Macintosh II, with the release of programs like Adobe Photoshop and Corel Painter.

As the increase of color depth allowed the choice of significantly more colors, the shape and form of color pickers started to diverge. For example, Adobe Photoshop used a hue-saturation color wheel with a slider for brightness in version 0.63, later on switching to a rectangular design accompanied by a hue slider. [8] Corel Painter pioneered the triangular saturation and brightness picker with a hue ring around it, aiming to better represent the continuity of the hue spectrum and the relationship between saturation and brightness. [9] [10]

Purpose

A color picker is used to select and adjust color values. In graphic design and image editing, users typically choose colors via an interface with a visual representation of a colororganized with quasi-perceptually-relevant hue, saturation and lightness dimensions (HSL) – instead of keying in alphanumeric text values. Because color appearance depends on comparison of neighboring colors (see color vision), many interfaces attempt to clarify the relationships between colors.

Interface

Color tools can vary in their interface. Some may use sliders, buttons, text boxes for color values, or direct manipulation. Often a two-dimensional square is used to create a range of color values (such as lightness and saturation) that can be clicked on or selected in some other manner. Drag and drop, color droppers, and various other forms of interfaces are commonly used as well.

Usually, color values are also displayed numerically, so they can be precisely remembered and keyed-in later, such as three values of 0-255 representing red, green, and blue, respectively.

Eyedropper

The eyedropper is a tool present in most color pickers and graphics software that allows a user to read a color at a specific point in an image, or position on a display. This enables the color to be transferred to other applications particularly quickly.

Working

A color picker has two main parts, first a color slider and second a color canvas. The color slider has a linear or radial gradient of the seven rainbow colors i.e. Violet, Indigo, Blue, Green, Yellow, Orange and Red. It allows you to choose any of the seven primary colors.

The color value chosen from the color slider instantly reflects in the color canvas. The color canvas is a mixture of two linear color gradients. First a linear gradient of the current chosen color and second a linear gradient of the black color. This mixture of color gradients lets you choose a lighter and darker version of the current chosen color from the color slider.

See also

Notes

  1. Gumster, Jason van; Shimonski, Robert (2011-02-04). GIMP Bible. John Wiley and Sons. ISBN   978-1-118-08113-6.
  2. Zobkiw, Joe (2003). Mac OS X: Advanced Development Techniques. Sams Publishing. ISBN   978-0-672-32526-7.
  3. Feisner and Reed 2014, Chapter 5: "Digital Color Media and Technology", Glossary: "Color picker"
  4. Bauer, Peter; Foster, Jeff (2002). Using Adobe Photoshop 7. Que Publishing. p. 209. ISBN   9780789727602.
  5. alvinashcraft (2024-07-12). "PowerToys Awake utility for Windows". learn.microsoft.com. Retrieved 2024-08-10.
  6. alvinashcraft (2024-07-12). "PowerToys Color Picker utility for Windows". learn.microsoft.com. Retrieved 2024-08-10.
  7. Starc, Janez (August 8, 2025). "From MacSketch to MacPaint".{{cite web}}: CS1 maint: url-status (link)
  8. "Photoshop Colour picker". GUIdebook Gallery. July 4, 2005. Retrieved August 23, 2025.{{cite web}}: CS1 maint: url-status (link)
  9. Hugo, Daniel (July 21, 2024). "Color picker as a trusty rebound hobby project" . Retrieved August 23, 2025.{{cite web}}: CS1 maint: url-status (link)
  10. John, Derry (December 11, 2018). "Color Wheel Keeps on Turnin'" . Retrieved August 23, 2025.

References