free tools runs in this tab no account, no upload
Hex, rgb and hsl
What is this hex in rgb, and in hsl?
One colour written the three ways CSS accepts it, with the channel values underneath. Paste any of the three - it reads what you give it and prints the other two.
- rgb() rgb(13, 116, 144)
- hsl() hsl(193 83% 31%)
- red 13
- green 116
- blue 144
how to use it
- Paste the colour in whichever notation you have: #0d7490 or rgb(13, 116, 144).
- Read the other two spellings beside it, ready to paste into a stylesheet.
- The channels underneath are the numbers a design token usually stores.
what this page cannot do
This converts a colour you already have. The extension collects every colour a page actually paints, deduplicated and counted, so you find out which of the forty greys in the stylesheet the page really uses.
Tokens in the panel What design tokens is this page actually painting with?
no host permissions · the reading is free