These buttons open the developer's own site, repository or store listing in a new tab. wares.gg does not host downloads.
About Colorable
Colorable shows a text color on a background color and reports the contrast ratio along with the WCAG level it reaches, such as AAA. Both colors are adjusted with hue, saturation and lightness sliders, and buttons reverse the pair or pick a random combination.
It suits designers and front-end developers who want to experiment with color pairs while keeping text readable. The source is published on GitHub.
Strengths
- Shows contrast ratio and WCAG level together
- HSL sliders for text and background
- Reverse and random buttons for quick experiments
Limitations
- Tests a single pair at a time
- Minimal interface with few extra features
Details
- Pricing
- FreeFree to use in the browser.
- License
- Proprietary
- Developer
- jxnblk
- Platforms
- Web
- How it runs
- Web application
- Account
- Not required
- Best suited for
- Trying out readable text and background color pairs
- Categories
- Color tools, Website testing
- Last verified
- Added
- Provenance
- Facts checked against the developer's own pages and store listings, 1 sources on file.
Alternatives to Colorable
Compare allSoftware that can replace Colorable for an important use case, and what changes if you switch.
WebAIM Contrast Checker
An online checker that tests foreground and background color contrast against WCAG AA and AAA levels.
WebAIM Contrast Checker gives separate results for normal text, large text and UI components, with alpha controls and shareable permalinks.
Contrast Ratio
A web tool that calculates the WCAG contrast ratio between a text color and a background color.
Contrast Ratio updates live as you type CSS color notations and handles semi-transparent colors, though its hosting page includes Siege Media marketing.
Colour Contrast Checker
A web tool that checks foreground and background colour pairs against WCAG contrast levels.
Colour Contrast Checker shows AA and AAA pass or fail with RGB or HSL sliders and previews text in Google fonts.
Colour Contrast Analyser
A free desktop app for checking foreground and background color contrast against WCAG, with eyedropper pickers.
Colour Contrast Analyser is an open source desktop app for Windows and macOS with screen-wide eyedroppers and WCAG 2.0 to 2.2 results.
Contrast Finder
A web tool that checks color contrast against WCAG and suggests close valid color pairs.
Contrast Finder is open source under AGPL-3.0, suggests valid colors close to the original and can be self-hosted.
Accessible Colors
A web checker that tests text and background contrast against WCAG and suggests the closest passing colors.
Accessible Colors checks AA and AAA levels and suggests the nearest passing colors, based on WCAG 2.0 rules.
WhoCanUse
A web tool showing how a text and background color pair looks to people with various vision conditions.
WhoCanUse shows how a color pair looks under various vision conditions and the share of people affected, with source code on GitHub.
Colorable as an alternative
Listings that name Colorable as an alternative.
Accessible Color Generator
A web tool that finds the closest accessible variation of a brand color for a chosen background.
Colorable shows contrast ratio and WCAG level with HSL sliders and random or reverse buttons, leaving you to find the passing variation by hand.
RandomA11y
A web tool that generates random color pairs meeting WCAG contrast requirements.
Colorable lets you tune a single text and background pair with HSL sliders and see the WCAG level, with a random button, instead of only generating passing pairs.
Similar software
Related functionality, not necessarily a direct replacement.
Coblis
A browser-based simulator that shows how an image looks to people with color vision deficiencies.
Leonardo
Adobe's web tool for generating accessible color themes and scales from target contrast ratios.
Accessible Palette
A web tool for building color systems with consistent lightness and WCAG contrast across hues.
Realtime Colors
A web tool that previews a color palette and font pairing on a realistic page layout as you edit it.
