cliambrown / contrast

A tool to pick colors using a variety of models, measure contrast using the draft WCAG 3 algorithm, and find new colors with good contrast.

Contrast

A tool to pick colors using a variety of models, measure contrast using the draft WCAG 3 algorithm, and find new colors with good contrast.

Try it out: https://cliambrown.com/contrast/

Features

• RGB color picker
• HSL color picker
• LCH color picker
• Copy-and-paste colors as hex codes, CSS names, RGB, HSl, etc.
• Get contrast using draft WCAG 3 algorithm
• Automatically adjust colors to desired contrast value

Built with

• chroma.js
• Alpine.js
• Tailwind CSS
• Ionicons
• Heroicons
• copy-text-to-clipboard

Inspired by

• LCH Colour Picker
• Myndex Technologies - APCA Contrast Calculator
• Accessible Palette

License

MIT License