Design
Color Tool
HEX, RGB, and HSL conversion, WCAG contrast checking, and palette generation.
Red
217
Green
119
Blue
6
HSL
32°
95%
44%
Frequently asked questions
What's the difference between HEX, RGB, and HSL?
HEX is a 6-digit hexadecimal representation (e.g., #d97706). RGB uses three 0–255 values for red, green, and blue. HSL expresses color by Hue (0–360°), Saturation (0–100%), and Lightness (0–100%). HSL is generally easier to reason about when creating color schemes.
What WCAG level do I need?
AA is the legal standard (4.5:1 for normal text, 3:1 for large text). AAA is the higher standard (7:1 for normal text). Most websites target AA compliance.
Are these palette colors really harmonious?
The palette generator uses analogous (±15–30°) and complementary (180°) hue offsets from your base color. It's a simplified version of color wheel theory — good for quick schemes but not a substitute for a designer's eye.
Pick, preview, and convert colors across HEX, RGB, and HSL formats. Use the visual color picker to find the perfect shade, then copy the code in any format you need.
Also includes a WCAG contrast checker to ensure your color combinations meet accessibility standards, and a palette generator for creating harmonious color schemes. Great for web design and UI work.