🎨

Color Picker

Pick any colour and instantly get HEX, RGB, HSL, HSV, CMYK codes — free, no login.

✓ Free✓ No Login✓ 5 Color Formats✓ Contrast Checker✓ Shade Generator

#6C3AFF

HEX Code

RGB Sliders

R108

G58

B255

📋 Color Values

HEX#6C3AFF

RGBrgb(108, 58, 255)

HSLhsl(255, 100%, 61%)

HSVhsv(255, 77%, 100%)

CMYKcmyk(58%, 77%, 0%, 0%)

CSScolor: #6C3AFF;

🎯 Preset Colors

🌗 Shades & Tints

Click any shade to select it

🔄 Complementary Color

#6C3AFF#93C500

♿ Contrast Checker

Sample Text

vs White5.70:1

AA ✓AAA ✗

Sample Text

vs Black3.69:1

AA ✗AAA ✗

ℹ️ Color Info

Hue255°

Saturation100%

Lightness61%

Brightness100%

Luminance0.134

⚡

PursTech Pro

Full palette generator, export to CSS/SASS

📖 How to Use the Color Picker

Pick a Color

Click the colour square to open your browser's colour picker. Or type a HEX code directly. Or drag the RGB sliders to mix your exact colour.

Copy Any Format

Click the copy icon next to HEX, RGB, HSL, HSV, or CMYK to instantly copy that value. Use HEX for web, CMYK for print.

Explore & Refine

Use the shades panel to find lighter or darker versions. Check the contrast ratio to ensure your colour is accessible for all users.