Pick any color and see it in HEX, RGB, and HSL. Edit individual channels, get CSS variables, and copy any format.
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
--color: #3b82f6; --color-rgb: 59, 130, 246;