Skip to the tool

Color Picker & Converter

Pick a colour or type HEX, RGB or HSL. Copy CSS and browse tints and shades.

Picker

HEX

RGB

HSL

Tints and shades

HEX, RGB and HSL

HEX is compact CSS. RGB is 0–255 per channel. HSL is easier when you want lighter tints or darker shades of the same hue.

Frequently asked questions

HEX vs RGB vs HSL?

HEX is common in CSS. RGB is red/green/blue 0–255. HSL is hue, saturation and lightness — easier for tints.

Can I copy CSS?

Yes. One click copies hex, rgb() or hsl().

Are colours uploaded?

No.

Contrast?

The preview shows the swatch on light and dark so you can judge readability.

Can I paste a hex code?

Yes. Type or paste #RRGGBB and the RGB/HSL values update live.

More free tools from Tech Bichar

Meta Tag GeneratorFill in title, description and image URL. Preview Google and social cards, then copy the HTML.Free Image CompressorShrink JPG, PNG and WebP photos in your browser. Choose quality, max width and output format — nothing is uploaded.QR Code GeneratorMake a QR code for a link, Wi-Fi network, contact card or email. Customise colours and download PNG or SVG.All toolsBrowse every free utility on Tech Bichar.