An excellent HSL, HWB, and RGB color picker, written in React on Vite and fully open source.

HSL stands for Hue, Saturation, and Lightness. HSL color values are specified with: hsl (hue, saturation, lightness) Hue is a degree on the color wheel from 0 to 360. 0 (or 360) is red, 120 is green, 240 is blue. Saturation can be described as the intensity of a color. It is a percentage value from 0% to 100%. 100% is full color, no shades of gray.

Get color codes and color schemes: Interactive color wheel generator & chart online.

Mar 18, 2025 · This interactive color wheel picker allows users to explore color harmonies and create beautiful palettes. It displays the currently selected color in HEX, RGB, and HSL formats, and generates harmony colors based on the selected color theory model (complementary, triadic, analogous, etc.).

This HSL Color Wheel chart demonstrates the Hue, Saturation, and Lightness (HSL) color model, which provides an intuitive way to represent and adjust colors.

In HTML, a color can be specified using hue, saturation, and lightness (HSL) in the form: hsl( hue , saturation , lightness ) Hue is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, and 240 is blue.

Use the color picker by clicking and dragging your cursor inside the picker area to highlight a color on the right. Input Hex, RGB, HSL or CMYK values to search for a particular color in the fields below the color swatch; click the swatch to add it to your palette.

The HSL Color Picker is a simple, yet effective color workbench to generate color output and also to import colors for analysis and comparison. It has all the features you need for experimenting with the seven color contrasts in mind.

HSL stands for Hue, Saturation, and Lightness. Unlike RGB which focuses on color channels, HSL describes colors in terms of: Hue: The type of color, represented as a degree between 0 and 360 on a color wheel. For instance, 0 is red, 120 is green, and 240 is blue. Saturation: The vibrancy of the color, measured as a percentage.

The HSL color model uses three component values of Hue, Saturation and Lightness to create a variety of colors where: Hue refers to color defined by wavelength, measured here as an angle on the wheel from 0° to 360° (e.g., 0° = red, 240° = blue)