Web Design & Development: Color & Fonts

Upload an image, get a color palette to complement.

Generate palettes and gradient palettes, also see what palettes are currently trendy.

A detailed gradient maker.

Get palette suggestions and convert colors from hex to RGB, CMYK, and more.

Color palette generator for visualizations.

A list of small online tools for web development, from converters to accessibility checkers to one task code generators.

Another generator for quickly figuring out the clamp values.

An Icon library, has a free version with attribution required.

An independent archive of typography.

From Google Fonts, advice and guidelines for fonts on the web.

Free fonts have met their match. We know how hard it is to find quality freeware that is licensed for commercial work. We've done the hard work, hand-selecting these typefaces and presenting them in an easy-to-use format.

What line height does each scale of type need?

Google Fonts is a library of 1052 free licensed font families and APIs for conveniently using the fonts via CSS and Android. We also provide delightful, beautifully crafted icons for common actions and items.

Freely available manual on typography.

Type Network brings together some of the most exciting independent type designers and foundries from around the world. Dig into our library to find the right type for your next project—from branding to editorial design to websites and apps. Font licenses are available for purchase.

A CSS based scale generator for font types.

Figure out the perfect modular scale for your type.