Embedded Files
Create colour palettes with the colour wheel or image, browse thousands of colour combinations from the Adobe Color community.
This tool is built for designers and developers to test colour contrast compliance with the Web Content Accessibility Guidelines (WCAG) as set forth by the World Wide Web Consortium (W3C). These calculations are based on the formulas specified by the W3C.
How to Use
How to Use
To run your test, select a foreground colour and a background colour. The results will automatically generate and you will receive your scores. You will receive a pass, margin or fail, depending on your selections. You may select ‘Add To History’ to add your swatch to a list generated below. When you have multiple swatches in your History, you may save to PDF.
Colorblind Test
Colorblind Test
Once you have created your swatch, you can view it in grayscale to see how the colour appear to a colourblind user. Simply click “See Grayscale” above the main swatch box to toggle the view.
We believe the best way to bring personality and performance to websites and products is through great design and technology. Our goal is to make that process simple, by offering an intuitive and robust collection of open source designer web fonts. By using our extensive catalog, you can share and integrate typography into any design project seamlessly—no matter where you are in the world.
Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals.
The Visual Workspace
Communicate visually at the speed of thought.
Page updated
Google Sites
Report abuse