100% Client-Side · Private & Safe · Zero Uploads
Color & Design Palette Tool
Color naming inspector, Tailwind/Pantone matcher, WCAG 2.1 contrast checker and CSS gradient generator.
#6A5ACD
Slate Blue
R
106
G
90
B
205
Quick Presets:
🏷️
Multi-Format Converter & Naming
English Color Name
Slate Blue
Chinese Standard Name
Slate Blue
Traditional Harmony Match
Deep Cyan / Jade
HEX
#6A5ACD
RGB
rgb(106, 90, 205)
HSL
hsl(248°, 53%, 58%)
CMYK (Print Approximation)
cmyk(48%, 56%, 0%, 20%)
Frequently Asked Questions (FAQ)
Q: What is the difference between WCAG 2.1 AA and AAA?
Level AA requires a 4.5:1 contrast for normal text and 3:1 for large text. Level AAA is a stricter benchmark requiring 7:1 for normal text and 4.5:1 for large text.
Q: How is the Tailwind CSS color mapped?
The engine compares the input against all 22 official Tailwind palette steps (50 to 950) using perceptual Euclidean color distance to determine the closest class.
Q: Why is there slight variation in Pantone matches?
Pantone formulas are designed for spot ink printing on paper, whereas screens render in digital sRGB. The tool delivers the highest-fidelity digital match for design reference.
Q: Are color codes uploaded to servers?
Never. All color space conversions and code outputs execute 100% locally in your browser memory.