Color & CSS Tools
A designer hands you a HEX, the code wants an RGB with an alpha channel, and the copy-paste in between is where the mistakes live.
- Colour Converter Type a colour in any common notation — #1f5fd6, 1f5fd6, #1f5, rgb(31, 95, 214) — and all the ot…
- HEX to RGB Paste a HEX code and read the RGB channels. #1f5fd6 becomes rgb(31, 95, 214) — and if the code…
- RGB to HEX Paste rgb(31, 95, 214) — with commas or spaces, it does not matter — and get #1f5fd6, ready for…
- Colour Palette Generator Pick a starting colour and the tool works out the rest of the set by the colour wheel. Click an…
- CSS Gradient Generator Drag the sliders and watch the panel above change with them. When it looks right, copy the line…
- Box Shadow Generator Move the sliders and the sample changes with them. Stack layers when one shadow is not enough —…