Color palette generator
Generate beautiful color palettes with the space bar. Lock colors, pick schemes and moods, check contrast, and export to CSS, Tailwind, ASE, or PNG.
Free web browser tools
Colors
Free color tools for designers and developers: a palette generator, color picker, color wheel, contrast checker, gradient makers, and converters for HEX, RGB, HSL, CMYK, and OKLCH. Everything runs offline on your device.
Color picker & converter
Pick any color and get HEX, RGB, HSL, CMYK, OKLCH, and code values. Eyedropper, color names, harmonies, tints and shades, and contrast.
Color wheel
Interactive color wheel for complementary, analogous, triadic, and other color schemes. Switch between the artist's RYB wheel and the RGB wheel.
Color palette from image
Extract a color palette from any photo or design. Drag markers to fine-tune colors, then export CSS, Tailwind, JSON, Adobe ASE, or PNG.
CSS gradient generator
Design linear, radial, and conic CSS gradients visually. Drag color stops, blend in OKLab, add easing, and export CSS, Tailwind, SVG, or PNG.
HEX to RGB converter
Convert HEX color codes to RGB instantly, plus HSL, CMYK, OKLCH, and code formats. Supports alpha and bulk conversion of whole lists.
Color contrast checker
Check text and background contrast against WCAG AA and AAA, plus the APCA score and color blindness previews. Get the closest passing color.
Random color generator
Generate random colors with names and HEX, RGB, HSL, or OKLCH codes. Choose pastel, vibrant, dark, neon, or a hue family. Press space for more.
Tailwind color generator
Generate a Tailwind CSS color scale (50–950) from any brand color. Export Tailwind v4 @theme, v3 config, CSS variables, or design tokens.
Color shades generator
Generate tints, shades, and tones of any color in even steps. Classic or perceptual mixing, HEX/RGB/HSL codes, and export to CSS or Tailwind.
Color mixer
Mix two or more colors like real paint or light. Blue + yellow = green. Set amounts, see blends, and copy the result in any format.
Color names
Find the name of any color from its hex code, browse all 148 HTML/CSS color names, or search 5,000 color names.
Image color picker
Pick colors from any image with a zoom loupe. Get HEX and RGB codes, keep a list of picked colors, or extract the palette automatically.
Color blindness simulator
See images and palettes as people with protanopia, deuteranopia, tritanopia, and other color blindness types do. Find problem color pairs.
RGB to HEX converter
Convert RGB to HEX color codes with sliders or by pasting rgb() values. Supports alpha, bulk conversion, and every other color format.
RGB to CMYK converter
Convert RGB or HEX to CMYK for print, or CMYK to RGB and HEX. Sliders, formulas, and bulk conversion included.
Color chart
Tailwind v4 and v3, Material Design, Flat UI, web-safe, and HTML color charts with hex codes. Click any swatch to copy HEX, RGB, HSL, or OKLCH.
Mesh gradient generator
Create soft mesh gradient backgrounds and wallpapers. Drag color points, add grain, and download PNG, JPG, or SVG at any size, or copy CSS.
Solid color image generator
Create a solid color or gradient image in any size — wallpapers, banners, social posts, or 1×1 pixels. Download PNG, JPG, WebP, or SVG.
Minecraft color codes
All Minecraft color and formatting codes with a live chat preview. Build MOTDs, gradient text, § codes, /tellraw JSON, and MiniMessage.