Random (usually-)contrasting colors

The top version of this table shows how these colors appear to someone with normal color vision. Scroll down to see how they appear to someone with some degree of color-blindness.

For a final test, print the entire page on a monochrome laser printer. If any of the tables are hard to read, supply an alternate stylesheet for print media.

This page seems to be getting a lot of hits recently, courtesy of mezzoblue.com, digital-web.com, and iamcal.com, all places worth visiting. Feel free to leave comments about the generator and the idea behind it.

For another suite of color-blindness tools, go here

back#FDFBF1 text#1E2A04 head#4F1F07 side#CCB1AC link#666100 visited#4C4800

Current rules

A base color is chosen, and the others are generated by randomly altering it in the HSV color space, using Cal Henderson's Graphics::ColorDeficiency Perl module.

The rules in the following form are used to generate the different colors. I've written up an explanation of the syntax, and a standalone parser.

round to nearest "web-safe" colors
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y

Sidebar

sidebar text

pseudo-class colors: :link, :visited, :active

This is a quick test of :link and :visited colors the way they're usually used.

Vision: Normal

Section Header

Subhead

This is a test of the Emergency Broadcast System. The broadcasters of your area, in voluntary cooperation with the Federal, State, and Local authorities, have developed this system to keep you informed in the event of an emergency. If this had been an actual emergency, the Attention Signal you just heard would have been followed by official information, news or instructions.

pseudo-class colors: :link, :visited, :active

A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y

Sidebar

sidebar text

pseudo-class colors: :link, :visited, :active

This is a quick test of :link and :visited colors the way they're usually used.

Vision: Protanopia

Section Header

Subhead

This is a test of the Emergency Broadcast System. The broadcasters of your area, in voluntary cooperation with the Federal, State, and Local authorities, have developed this system to keep you informed in the event of an emergency. If this had been an actual emergency, the Attention Signal you just heard would have been followed by official information, news or instructions.

pseudo-class colors: :link, :visited, :active

A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y

Sidebar

sidebar text

pseudo-class colors: :link, :visited, :active

This is a quick test of :link and :visited colors the way they're usually used.

Vision: Deutanopia

Section Header

Subhead

This is a test of the Emergency Broadcast System. The broadcasters of your area, in voluntary cooperation with the Federal, State, and Local authorities, have developed this system to keep you informed in the event of an emergency. If this had been an actual emergency, the Attention Signal you just heard would have been followed by official information, news or instructions.

pseudo-class colors: :link, :visited, :active

A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y

Sidebar

sidebar text

pseudo-class colors: :link, :visited, :active

This is a quick test of :link and :visited colors the way they're usually used.

Vision: Tritanopia

Section Header

Subhead

This is a test of the Emergency Broadcast System. The broadcasters of your area, in voluntary cooperation with the Federal, State, and Local authorities, have developed this system to keep you informed in the event of an emergency. If this had been an actual emergency, the Attention Signal you just heard would have been followed by official information, news or instructions.

pseudo-class colors: :link, :visited, :active

A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y

Sidebar

sidebar text

pseudo-class colors: :link, :visited, :active

This is a quick test of :link and :visited colors the way they're usually used.

Vision: Protanomaly

Section Header

Subhead

This is a test of the Emergency Broadcast System. The broadcasters of your area, in voluntary cooperation with the Federal, State, and Local authorities, have developed this system to keep you informed in the event of an emergency. If this had been an actual emergency, the Attention Signal you just heard would have been followed by official information, news or instructions.

pseudo-class colors: :link, :visited, :active

A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y

Sidebar

sidebar text

pseudo-class colors: :link, :visited, :active

This is a quick test of :link and :visited colors the way they're usually used.

Vision: Deuteranomaly

Section Header

Subhead

This is a test of the Emergency Broadcast System. The broadcasters of your area, in voluntary cooperation with the Federal, State, and Local authorities, have developed this system to keep you informed in the event of an emergency. If this had been an actual emergency, the Attention Signal you just heard would have been followed by official information, news or instructions.

pseudo-class colors: :link, :visited, :active

A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y

Sidebar

sidebar text

pseudo-class colors: :link, :visited, :active

This is a quick test of :link and :visited colors the way they're usually used.

Vision: Tritanomaly

Section Header

Subhead

This is a test of the Emergency Broadcast System. The broadcasters of your area, in voluntary cooperation with the Federal, State, and Local authorities, have developed this system to keep you informed in the event of an emergency. If this had been an actual emergency, the Attention Signal you just heard would have been followed by official information, news or instructions.

pseudo-class colors: :link, :visited, :active

A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y

Sidebar

sidebar text

pseudo-class colors: :link, :visited, :active

This is a quick test of :link and :visited colors the way they're usually used.

Vision: Typical Monochrome

Section Header

Subhead

This is a test of the Emergency Broadcast System. The broadcasters of your area, in voluntary cooperation with the Federal, State, and Local authorities, have developed this system to keep you informed in the event of an emergency. If this had been an actual emergency, the Attention Signal you just heard would have been followed by official information, news or instructions.

pseudo-class colors: :link, :visited, :active

A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y
A•y A•y A•y A•y

Sidebar

sidebar text

pseudo-class colors: :link, :visited, :active

This is a quick test of :link and :visited colors the way they're usually used.

Vision: Atypical Monochrome

Section Header

Subhead

This is a test of the Emergency Broadcast System. The broadcasters of your area, in voluntary cooperation with the Federal, State, and Local authorities, have developed this system to keep you informed in the event of an emergency. If this had been an actual emergency, the Attention Signal you just heard would have been followed by official information, news or instructions.

pseudo-class colors: :link, :visited, :active