Tints & Shades

Pick a color and instantly get its HEX, RGB, and HSL codes to copy.

Build analogous, complementary, triadic, and monochrome palettes from a base color.

Create a CSS linear gradient from two colors and an angle, then copy the code.

Simulate how a color appears with protanopia, deuteranopia, and tritanopia.

Find a color's complement plus split-complementary, triadic, and analogous colors.

Blend two colors at any ratio to get the mix in between.

Browse the Tailwind CSS and Material Design color palettes and copy any HEX with a click.

Generate random colors and copy their HEX with one click.

Convert between px, rem, and em based on your root font size.