All Tools

Blend 2 to 5 colors with RGB, HSL, or LAB modes. Set ratios, preview a gradient, click mix steps, and copy the result in HEX, RGB, and HSL.

Browse, search and copy all 242 Tailwind CSS color values across 22 families. Quick access to class names, HEX, RGB and HSL with favorites and CSS export.

Generate random colors with customizable constraints. Choose from presets like pastel, vivid, or neon, or fine-tune hue, saturation, and lightness ranges.

Pick a base color on an interactive HSL wheel and instantly see harmonious schemes — complementary, analogous, triadic, and more — then copy any HEX value with one click.

Convert colors between HEX, RGB, HSL, HSV, and CMYK instantly, with a live preview, a visual color picker, and one-click copy for every format.

Check the contrast ratio between text and background colors and see instantly whether the pair meets WCAG AA and AAA accessibility standards.

Preview how your images and colors look to people with color vision deficiency. Test for Deuteranopia, Protanopia, Tritanopia, and Achromatopsia in your browser.

Extract dominant colors from any image instantly. Pick colors directly from photos, get HEX, RGB, and HSL values, and export palettes for your design projects.

Generate tints, shades, and tones from any base color. Build consistent color scales for design systems with adjustable steps, then export to CSS, SCSS, Tailwind, or JSON.

Add, subtract, multiply, and divide complex numbers, with results in rectangular, polar, and exponential form plus an Argand diagram.

Calculate vector operations including dot product, cross product, magnitude, unit vector, angle between vectors, and projection for 2D and 3D vectors.

Do arithmetic and bitwise operations directly on binary, octal, and hexadecimal numbers, with results shown in all four bases at once.