颜色工具

转换、选择和处理颜色值。

A designer's and developer's color toolkit and CSS generators, free and browser-based. Convert between HEX, RGB, HSL, and CMYK, check WCAG contrast ratios for accessibility, extract palettes from images, mix colors, and simulate color blindness. The CSS generators build copy-ready code for gradients, box and text shadows, border-radius, filters, glassmorphism, and neumorphism with a live preview. Whether you are building a brand palette or fine-tuning a UI, these tools give you accurate values and production-ready CSS.

Popular 颜色工具

HEX to RGB

Convert HEX color codes to RGB and RGBA values with a live color preview.

Used 0 timesUpdated never

RGB to HEX

Convert RGB and RGBA channel values into HEX color codes with a live preview.

Used 0 timesUpdated never

HEX to HSL

Convert HEX color codes to HSL and HSLA values with hue, saturation, lightness, and a live preview.

Used 0 timesUpdated never

RGB to CMYK

Convert RGB screen colors to CMYK print values with cyan, magenta, yellow, and key (black) percentages.

Used 0 timesUpdated never

CMYK to RGB

Convert CMYK print color values to on-screen RGB and HEX for web and digital design.

Used 0 timesUpdated never

Color Contrast Checker

Check WCAG contrast ratios between text and background colors for accessibility compliance.

Used 0 timesUpdated never

Gradient Generator

Build linear and radial CSS gradients with multiple color stops, live preview, and copy-ready code.

Used 0 timesUpdated never

CSS Gradient Generator

Generate linear, radial, and conic CSS gradients with repeating options and copy-ready background, Tailwind, and inline styles.

Used 0 timesUpdated never

Color Blindness Simulator

Preview how colors and images appear under protanopia, deuteranopia, tritanopia, and other color vision deficiencies.

Used 0 timesUpdated never

Brand Color Extractor

Upload a logo or brand image to extract dominant colors with HEX, RGB, and CSS variable exports.

Used 0 timesUpdated never

Color Palette Extractor

Extract a color palette from any image with sortable swatches and copy-ready HEX, JSON, CSS gradient, and SVG exports.

Used 0 timesUpdated never

Random Color Generator

Generate random HEX colors and palettes in random, pastel, vibrant, dark, light, or muted styles.

Used 0 timesUpdated never