Color Converter
Convert a HEX color into useful RGB/HSL-style representations and suggest a readable on-color.
How to use
- Enter a HEX color or use the eyedropper when supported, then inspect conversions and the sample.
Capabilities and scope
The input is normalized and passed through internal color-conversion functions, with a live UI sample and CSS custom-property example.
How it works
normalizeHex, hexToRgb, rgbToHsl, and readableTextColor drive the result.
Example
#176B5B shows its RGB/HSL forms plus --brand and --on-brand CSS examples.
Useful for
- Inspect multiple representations of a design-token color quickly
Before you use it
- The input model is HEX-oriented and does not perform wide-gamut or ICC-profile color conversion.
Frequently asked questions
Does it convert alpha too?
The current primary color input is centered on six-digit HEX rather than a separate alpha channel.