Color Tool
- 01Enter values
- 02Compute
- 03Verify result
Color picker
Color spaces
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Common colors
Contrast checker (WCAG)
Sample Text
Smaller text for readability testing
AA Normal
Pass
AA Large
Pass
AAA Normal
Pass
AAA Large
Pass
Color converter
Convert between HEX, RGB and HSL
Common palette
Quickly pick from the Tailwind color palette
Contrast checker
Validate against WCAG 2.0 AA/AAA contrast standards
Capabilities, limits, and privacyexpand_more
Input
a color value or picker selection
Output
color formats and contrast information
Processing
Processed locally in the browser. Account, quota, file-size, and processing-time requirements follow the current page.
Important limit：Display calibration, ICC profiles, and transparency affect real-world appearance.
Privacy：Core input and output are processed in the current browser. Avoid leaving sensitive content on shared devices; clear the page and close the tab when finished.
Frequently asked questions
Answers reflect the current capability and limits of this WorkTool page.
What input does Color Tool accept?
Color Tool accepts a color value or picker selection.
What does Color Tool produce?
It produces color formats and contrast information. Display calibration, ICC profiles, and transparency affect real-world appearance.
Where is data processed by Color Tool?
Processed locally in the browser. Core input and output are processed in the current browser. Avoid leaving sensitive content on shared devices; clear the page and close the tab when finished.
