Preview and compare popular Google Fonts. Search, filter by category, and test custom text.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Create beautiful CSS gradients visually. Choose between linear, radial, and conic gradient types, add multiple color stops, and copy the ready-to-use CSS background property directly into your stylesheet.
Convert colors between HEX, RGB, HSL, HSV, CMYK, XYZ, and LAB formats. Bi-directional conversion with live color preview as you type.
Extract dominant colors from any image or generate harmonious color palettes from a seed color. Supports complementary, analogous, triadic, tetradic, and monochromatic schemes — click any swatch to copy the hex value.
Calculate, convert, and lock aspect ratios for images, videos, and screens. Enter width and height to see the simplified ratio, or choose a platform preset. Lock the ratio to auto-calculate the missing dimension.