HEX
#6366f1
Copied!
RGB
rgb(99,102,241)
Copied!
HSL
hsl(250,80%,60%)
Copied!
CSS Name
Medium Slate Blue
Copied!
Contrast Checker
White text on this colour
AA
Black text on this colour
AA
Pick any colour, get HEX, RGB & HSL codes instantly. Free online colour picker tool.
A colour picker (also called a colour chooser or colour tool) lets you select colours and get their corresponding colour codes. Designers, developers, and artists use colour pickers to find the perfect HEX, RGB, or HSL values for their projects.
HEX: Six-digit hexadecimal code (e.g. #6366f1) — the most common format for web design and CSS.
RGB: Red, Green, Blue values from 0-255 (e.g. rgb(99, 102, 241)) — used in CSS, graphic design, and digital displays.
HSL: Hue, Saturation, Lightness (e.g. hsl(250, 80%, 60%)) — more intuitive for colour adjustments.
Use the colour input to pick any colour visually, or adjust the Hue, Saturation, and Lightness sliders for precise control. Click any colour code to copy it to your clipboard. Generate palettes with the buttons below.