Colorable
Adjust foreground and background colors in Colorable to see the resulting text contrast score.
About Colorable
Colorable is a web tool for checking the contrast between a text color and a background color. Users adjust each color with hue, saturation, and lightness controls, and the page shows a numeric contrast score with a rating label, such as AAA, for the current pair. The homepage defines contrast as the difference in luminance or color that makes an object distinguishable from its surroundings.
The homepage does not explain how the score is calculated or what each rating level requires, so users who need those details will need to check other sources. Pricing is not stated.
Key features
- Adjustable text color using hue, saturation, and lightness controls
- Adjustable background color using hue, saturation, and lightness controls
- Numeric contrast score updates for the current text and background pair
- Rating label, such as AAA, displayed alongside the contrast score
- Reverse control that swaps the text and background colors
- Random control that generates a new color pair
Best for: Designers and developers who want to check whether a text and background color combination has adequate contrast.
Good for
- Shows the contrast score and rating as colors are adjusted
- Provides reverse and random controls for trying different color pairs
Watch out for
- The homepage does not explain how the contrast score is calculated
- The homepage does not state pricing
Colorable at a glance
- Website
- colorable.jxnblk.com
- Category
- Design & Creative › Color Tools
- Type
- Website
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
Guides for Color Tools
Colorable alternatives
Tools and sites you could use instead, ranked by how closely they match.
WebAIM Contrast Checker evaluates foreground and background colors against accessibility contrast requirements.
Explore accessible foreground and background colors with Color.review, which displays contrast measurements.
Generate translucent color equivalents with Alphredo by adjusting a palette against a chosen background.
Extract a color scheme from an image and browse the resulting color values.
Color Deck collects color swatches and lets users copy their values, save palettes, and adjust hue, saturation, and lightness.
Colour Contrast Checker evaluates color combinations against WCAG contrast standards.
Popular in Color Tools
Well-known listings from the same topic.
accessiblepaletteaccessiblepalette.comhue.toolshue.toolsAdobe Colorcolor.adobe.comCoolorscoolors.coColor Pickerimagecolorpicker.comSchemeColorschemecolor.com
Is something wrong or out of date?
Tell us and an editor will check it.
Own this website?
Claim this listing
Claim the listing and suggest updates yourself. An editor checks every claim first.