HEX Color7 chars
Color Tones108 chars
Base
Tints
Shades
About HEX to Colortone
Generate tints and shades from a base HEX color so you can build simple UI color scales quickly.
Common Use Cases
- Design tokens
- Hover states
- Chart palettes
- Theme exploration
Tips
- Use a 3- or 6-digit HEX value
- Tints mix toward white
- Shades mix toward black
Frequently Asked Questions
Is this tool private?
Yes. The conversion runs in your browser, and your input is not uploaded to a server.
Can I copy the result?
Yes. Use the Copy Output button in the sidebar, or select the output field manually.
Does it work offline?
Once the page has loaded, the core transformation logic runs client-side without an API call.
What should I do with edge cases?
Use this for fast checks and formatting. For production-critical data, verify the result with the target runtime or standard.