Tool
Color Tools
Convert a color between HEX, RGB, HSL and OKLCH. Measure text/background contrast against WCAG and copy tints and shades with one click.
Runs in your browser — no data is sent to the server.
Convert
rgb(), hsl() or oklch() yazabilirsin.
HEX
RGB
HSL
OKLCH
Contrast (WCAG 2)
Large text sample
Body text at normal size: The quick brown fox jumps over the lazy dog.
Palette
Tints (mixed with white) Shades (mixed with black) Click a swatch to copy its HEX value.- WCAG 2: at least 4.5:1 (AA) or 7:1 (AAA) for normal text; 3:1 for “large text” (24 px and up, or 18.5 px bold) and UI components. The ratio is truncated, never rounded up.
- The suggestion keeps the hue and only changes OKLCH lightness to find the closest color that meets the target.
- A transparent text color is composited over the background; the background is assumed to be opaque.