Pickers & Converters·free · no signup

Color Picker

Pick any color and get every value designers and developers actually use. HEX, RGB, HSL, OKLCH — synced and copyable.

Current color
Royal Violet
Hex
Color values
HEX
#
RGB
R
G
B
HSL
H°
S%
L%
OKLCHPro
L
C
H°
Sliders
Hue252°
Saturation100%
Lightness68%
Alpha100%
Saturation × Lightness
Saturation
100%
Lightness
68%
Color harmonies

Computed from the current hue. Click a swatch to copy, or hover and use it as the new picked color.

CSS output
styles.css
Color info
Nearest name
Royal Violet
#7C5CFF
Luminance
0.192
Dark surface
Temperature
❄ Cool
23% warm
Hue family
Violet
252° · 100% sat
On white
The quick fox
Sample text in #7C5CFF
4.35:1
AA normal✕
AA large
AAA normal✕
AAA large✕
On black
The quick fox
Sample text in #7C5CFF
4.83:1
AA normal
AA large
AAA normal✕
AAA large
Related tools
Palette Generator
Build a 5-color palette from this color.
Tint & Shade
10 tints, 10 shades, from this color.
Aa
Aa
Contrast Checker
Test this color against any background.
Gradient Generator
Build a gradient starting at this color.