Question 1

What is the difference between HEX, RGB, and HSL color formats?

Accepted Answer

HEX uses a 6-digit hexadecimal code (e.g., #6C63FF) representing red, green, and blue channels. RGB specifies color as three values from 0-255 (e.g., rgb(108, 99, 255)). HSL defines color by Hue (0-360 degrees), Saturation (0-100%), and Lightness (0-100%), making it more intuitive for adjusting colors.

Question 2

What is WCAG contrast ratio and why does it matter?

Accepted Answer

WCAG contrast ratio measures the difference in luminance between text and background colors. A ratio of at least 4.5:1 is required for normal text (AA level) and 3:1 for large text. AAA level requires 7:1 for normal text. Meeting these ratios ensures text is readable for people with visual impairments.

Question 3

What are complementary and analogous colors?

Accepted Answer

Complementary colors sit opposite each other on the color wheel (e.g., blue and orange) and create high contrast. Analogous colors are adjacent on the wheel (e.g., blue, blue-green, green) and create harmonious, low-contrast palettes. Triadic colors are evenly spaced 120 degrees apart for balanced variety.

Color Picker & Palette Generator

Pick a Color

Color Palettes

Gradient Generator

Contrast Checker

Color History