Colour
Conversion between colour formats, palettes and contrast checks.
Three things happen to a colour, and all three are covered here: it gets converted between notations, it gets chosen alongside other colours, and it gets written into a stylesheet. Hex, RGB and HSL are the same colour in three alphabets, so the conversions here are lossless in both directions and the picker shows you all three at once.
Convert, choose, then check
Hex to RGB and RGB to hex are one job each and exist because that is what people search for; the colour picker does both plus HSL and is the better bookmark. When you need more than one colour, the palette generator starts from a base, and the shades and tones generators walk it lighter and duller — which is how you build the tints a component needs out of a single brand value instead of picking six by eye. The mixer answers what two colours make.
Run the contrast checker before any of it ships. It gives the WCAG ratio and the pass or fail at each threshold, and it is the tool that catches the pairing that looked fine on your own monitor. The CSS generators — gradient, box shadow, grid, clamp, border radius and custom properties — output code rather than a colour, and sit here because this is where you already are when you need them. Aspect ratio is under Maths; anything that opens an actual image file is under Image.