Image Color Picker

This site provides a color picker and image color extraction tool. Simply upload the image and extract the color of the specified image using the "RGB", "HEX", "HSV", "CMYK", and "HSL" color codes. You can easily look up image color codes that can be used in HTML and CSS.

How to use

  1. Upload an image.
  2. Select the color you want to get the color code for. Click on the image to display the color code of the clicked area in "RGB", "HEX", "HSV", "CMYK" or "HSL".
  3. If you select colors continuously, the image history of the selected colors will also be displayed.
  4. Once the color code is displayed, you can copy it, delete the history, or download it.

What is a color code?

A color code is a code (character string) used to specify colors displayed on the web.

A color code is expressed as a six-digit hexadecimal number following a "#". Every two digits express a shade of "red", "blue", or "green", so the three primary colors can be expressed with six digits. "0" in the hexadecimal number (0 to F) is the lightest, and the closer to "F" the color is, the darker it is. For example, white is "#FFFFFF", black is "#000000", and red is "#FF0000".

Types of Color Codes

  • RGB Color CodesRGB is an abbreviation for "Red," "Green," and "Blue," and colors are expressed by combining these three values. Example: Red "255, 0, 0"
  • HEX Color CodeThis refers to the hexadecimal color code used in web design. Example: Red "#FF0000"
  • CMYK Color CodeThis refers to the color code used in printing. C stands for "cyan," M stands for "magenta," Y stands for "yellow," and K stands for "key (black)." When printing with a printer, the color is expressed by mixing the amount of these four colors, so CMYK color codes are used in designs that assume printing. Example: Red "C0 M100 Y100 K0"
  • HSV Color CodeThis is a method of expressing colors in a table using hue, saturation, and value, like hsl (hue, saturation, brightness). Example: Red "H0 S100 V100"
  • HSL Color CodeWhen expressing colors, this is a way to express colors in a table using hue, saturation, and lightness, like hsl (hue, saturation, lightness). Example: Red "H0 S100 L50"

Notes

This tool is available for free.

※This program is created and confirm the operation in PHP8.1.22.
※If you have any inquiries, opinions, or requests that you would like to make, please fill out the following form