Pick any color and get its HEX, RGB, and HSL values. Enter a hex code to preview a color, or use the native color picker. Copy color values with one click for your CSS, design, or development projects.
This color picker shows HEX, RGB, and HSL values for any color you select. You can copy any format with one click.
Yes, type or paste any hex code into the input field to instantly preview the color and get its RGB and HSL equivalents.
HEX uses a 6-character code (#FF5733), RGB uses red-green-blue values (rgb(255,87,51)), and HSL uses hue-saturation-lightness (hsl(11,100%,60%)). All represent the same color in different formats.