Color Tester by MediaAndMe

A tool for webdesigner.

Create and test your color palette, validate color contrast for accessibility (WCAG 2.0), simulate your palette seen by a colorblind person, convert colors to HSLA, RGBA and hex for your CSS, convert to CMYK⁽¹⁾.

Once ready, share your palette with your team and export as CSS or swatch/palette for Adobe Photoshop, Adobe Illustrator, Adobe Indesign, Gimp, Inkscape and OpenOffice.

share
palette

export
palette

Export your palette for

create palette from picturePicture won't be sent to a server.

Contrast ratio

WCAG

Color blindness:

normal

normal
deuteranomaly
deuteranopia
protanomaly
protanopia
tritanomaly
tritanopia
achromatopsia

Filter:

all

all
WCAG AA large font
WCAG AA full
WCAG AAA large font
WCAG AAA full

Compare:

text

background
text

Mode:

rgba

hex
hsl
hsla
rgb
rgba

Font:

Open Sans

Arial
Baloo Paaji
Indie Flower
Lora
Open Sans
Open Sans Condensed
Quicksand
Roboto
Slabo 27px
Times New Roman
Verdana
Yellowtail

⁽¹⁾ The CMYK color convertion is experimental, the color may differ from your screen rendering when printing and does not support opacity levels. It is always recommended to print the color and to check it before using it for production.

⁽²⁾ The WCAG 2.0 validation calculation takes opacity in consideration.
This means that if a background has transparency (only with RGBA and HSLA), validity is based on the likelyhood that this background is over another colour resulting with the worst contrast.