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;
Pick any color and see it in HEX, RGB, and HSL. Edit individual channels, get CSS variables, and copy any format.
It works well for design systems, UI audits, and quick visual checks when you need exact values you can copy straight into your workflow.
Pick any color and see it in HEX, RGB, and HSL. Edit individual channels, get CSS variables, and copy any format.
Enter or paste your values into the fields or input areas above. Adjust the available settings until the result matches the exact output you need. Use the live result, copy the output, or compare multiple scenarios as you work.
Color Picker is free to use, and the work happens directly in your browser so you can try inputs and options without sending data to a remote server.
Color Picker is useful for anyone who wants a fast browser-based utility without unnecessary setup or uploads.