Color Picker

Pick a color and format as hex, hsl, rgb real time. copy and paste.

HEX

#49715D

RGB

rgb(73,113,93)

HSL

hsl(150, 21.5%, 36.5%)

Java

new Color(73,113,93)

Vec3

vec3(0.29,0.44,0.36)

Vec4

vec4(0.29,0.44,0.36, 1.0)

Related Tools

Color PalettesWeb GradientsCss ColorsTailwind ColorsChina-Colors

About Color Picker

With our color picker, you can easily select colors using the intuitive interface, which includes options for adjusting hue, saturation, brightness, and transparency. Once you've found the perfect color, our tool generates color values in popular formats such as hexadecimal (hex), RGB, and HSL. This allows you to seamlessly integrate the chosen colors into your web design, graphic design, or digital artwork.

Our color picker tool is designed to be user-friendly and accessible to users of all skill levels. Whether you're a beginner or an experienced designer, you'll find our tool easy to use and highly effective for selecting and capturing colors. Simply navigate to our website, use the color picker to select your desired colors, and copy the generated color values for use in your projects.

Whether you're designing a website, creating digital illustrations, or customizing your user interface, our online color picker tool is the perfect companion for all your color selection needs. Experience the convenience and efficiency of our color picker tool today, and take your projects to the next level with beautiful and vibrant colors!

Difference between hsl rgb and hex

HSL (Hue, Saturation, Lightness), RGB (Red, Green, Blue), and HEX (Hexadecimal) are different color representations used in digital graphics and web design. Here's a brief explanation of each:

  1. RGB (Red, Green, Blue):

    • RGB is an additive color model in which colors are represented as combinations of red, green, and blue light.
    • Each color channel (red, green, and blue) is typically represented by an 8-bit value ranging from 0 to 255.
    • A color in RGB can be expressed as "rgb(r, g, b)" where r, g, and b are the intensity values for red, green, and blue respectively.
    • Example: rgb(255, 0, 0) represents pure red.

  2. HSL (Hue, Saturation, Lightness):

    • HSL is a cylindrical color model that represents colors based on their hue, saturation, and lightness.
    • Hue is the type of color (e.g., red, blue, green), saturation controls the intensity or vividness of the color, and lightness controls the brightness.
    • Hue is represented as an angle in degrees (0 to 360), saturation and lightness are percentages (0% to 100%).
    • A color in HSL can be expressed as "hsl(h, s%, l%)" where h, s, and l are the values for hue, saturation, and lightness respectively.
    • Example: hsl(0, 100%, 50%) represents pure red.

  3. HEX (Hexadecimal):

    • HEX is a hexadecimal representation of RGB values.
    • It uses a six-digit code, where each pair of digits represents the intensity of one of the RGB channels.
    • The format is #RRGGBB, where RR represents the red channel, GG the green channel, and BB the blue channel.
    • Example: #FF0000 represents pure red.