Knowledge Base / Design Tools / Color Picker
Design Tools
How to Use Color Picker
Pick a color and get HEX and RGB values. Pick a color and read its HEX/RGB values.
Open Color PickerInputGive it the right input
ConfigureChoose the required option
RunStart the main action
ReviewCheck the actual result
OutputCopy, download or use it
What this tool actually does
Pick a color and read its HEX/RGB values.
What you need
A chosen color.
Exact workflow
1
Step 1
Open the color picker.
2
Step 2
Choose a color visually or enter a supported value.
3
Step 3
Read the HEX and RGB results.
4
Step 4
Copy the format needed for your CSS/design work.
5
Step 5
Pick another color when comparing a palette.
Tips for better results
- HEX is convenient for CSS; RGB is useful in RGB workflows.
Common mistakes
Copying the wrong value.
Confusing HEX and RGB.
What you should get
Color values such as HEX and RGB.
Quick answers
Do I need to install anything?
Normally no. Open the tool in a modern browser.
What if the result looks wrong?
Return to the input and option checks above, correct the values/file/settings, then run the tool again.
Should I keep the original?
Yes. Keep the source until you have verified the finished result.