What is this tool for?

To preview how a background color and a text (foreground) color look together before using them in design or code.

What format do I use?

Enter any valid CSS color: hex (#fff), rgb(), or named color (e.g. white).

This tool only shows a preview; use a contrast checker for WCAG ratios.

Test how two colors look together. Set background and foreground (text) colors and see a live preview with sample text.

Background color

Foreground (text) color

Preview

The quick brown fox jumps over the lazy dog. 0123456789

What is this tool for?: To preview how a background color and a text (foreground) color look together before using them in design or code.
What format do I use?: Enter any valid CSS color: hex (#fff), rgb(), or named color (e.g. white).
Does it check accessibility?: This tool only shows a preview; use a contrast checker for WCAG ratios.

Password Generator

Generate a random password with length and options for uppercase, numbers, and symbols.

Strong Random Password Generator

Generate a strong random password with length and options for uppercase, numbers, and symbols.

Color Mixer

Blend two hex colors with a mix ratio (0–100%) to get the resulting hex color (linear RGB blend).

Color Shades Generator

Generate lighter and darker shades from one hex color. Output as hex list or swatches.

Convert Color CMYK to RGB

Convert CMYK color values (0–100% or 0–1) to RGB using standard conversion formula.

Convert Color HSL to RGB

Convert HSL color (H 0–360, S and L 0–100%) to RGB values using client-side formula.