Menu
GMS CSS Color Picker
Color Controls
0°
271°
360°
0%
76%
100%
0%
58%
100%
Selected Color
#8A2BE2
Click to copy HEX
RGB(138, 43, 226)
Click to copy RGB
HSL(271, 76%, 58%)
Click to copy HSL
Advanced Color Formats
CMYK(39, 81, 0, 11)
Click to copy CMYK
HSV(271, 81%, 89%)
Click to copy HSV
HWB(271, 17%, 11%)
Click to copy HWB
LAB(48, 72, -78)
Click to copy LAB
Color History
CSS Output
/* Your CSS code will appear here */
:root {
--primary-color: #8a2be2;
--primary-rgb: 138, 43, 226;
--primary-hsl: 271, 76%, 58%;
}
.primary-color {
color: #8a2be2;
color: rgb(138, 43, 226);
color: hsl(271, 76%, 58%);
}
.bg-primary {
background-color: #8a2be2;
}
.border-primary {
border: 2px solid #8a2be2;
}
.text-primary {
color: #8a2be2;
}
.gradient-primary {
background: linear-gradient(90deg, #8a2be2, #00d4aa);
}