Sample text 示例
Color Tool Guide
1
Pick a main color with the picker/presets, or fine-tune with HSLA sliders
2
Color space values update live below — click to copy
3
Pick a scheme to generate a palette, or upload an image to extract one
🎨What it does
- Color space conversion: HEX/RGB/HSL/HSV/CMYK/LAB/LCH/XYZ
- Schemes: complementary/analogous/tetradic/lightness & saturation ramps
- Extract a palette from an image, contrast suggestions for text
💡Tips
- LAB/LCH are perceptually uniform — great for smooth gradients
- Contrast suggestions help judge whether text colors are readable
- Click a swatch to copy its value straight into your design
Design, front-end and painting often need converting between color notations, generating schemes, or picking colors from a reference. This tool does it all, precisely.
🔒 Runs entirely locally in your browser; uploaded images are analyzed locally and never uploaded — no install, no signup.