Skip to Main Content

Web Design: Color

A guide to web design tools and techniques from the Web Management Team at the University of Louisville Libraries.

Color Tools

UofL Brand Colors
Meyer Web Color Blender
Great for finding a lighter or darker version of the brand colors. Just add the brand color in one box and white (#ffffff) or black (#000000) in the other and choose a number of midpoints.
WebAIM Contrast Checker
WebAIM Link Contrast Checker
WCAG Contrast Checker
Pictones
Extract colors from a photograph and get the RGB or Hex colors.
Contrast Ratio

Color-related Articles

Accessible Images For When They Matter Most
Covers: image types and alt text, color, contrast, and experiences of users with color blindness or low vision.
5 Easy-to-Use Color Blindness Simulators
Guide to Modern CSS Colors with RGB, HSL, HWB, LAB and LCH

Top Bottom