What is this tool?
Inspect and convert colors between HEX, RGB, and HSL color models, test contrast ratios, and generate complementary, analogous, and triadic color harmonies.
When to use it?
Design web interfaces, extract palette harmonies for brand identity, or test accessible color combinations.
How does it work?
Converts RGB color vectors into cylindrical HSL coordinates and calculates trigonometric hue rotations in local JavaScript memory.
Example Conversions
Sample Input:
Hex: #6366F1 (Indigo)
Sample Output:
RGB: rgb(99, 102, 241), HSL: hsl(239, 84%, 67%)
Frequently Asked Questions
HSL (Hue, Saturation, Lightness) separates color shade from brightness and saturation, making it intuitive to create tints, shades, and harmonious color variants.