nowfound

Work · July 6, 2020

Accessible Color Generator

Find high-contrast variations of your brand colors

Accessible Color Generator launched on July 6, 2020 with 9 votes, #1,109 of 4,305 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 6 years on.

Visit learnui.design ↗Alternatives

What it does

A tool for creating high-contrast, accessible color variations from your existing colors. INPUT: two colors (one for text, one for the background) OUTPUT: the closest variations of those two colors that contrast enough to meet WCAG accessibility guidelines.

Create accessible color pairings using your brand colors.

Learn how to use color effectively in UI design, even if you aren’t “artsy” & have no design experience . The same strategies I use for my clients – from Fortune 100 to Y-Combinator startups. Practical design tutorials. Over 60,000 subscribed. One-click unsubscribe. Create linear, radial, & conic gradients. Export as CSS or SVG. Create mesh gradients with noise & blur effects. One-click SVG/Figma export. Generate visually-equidistant palettes for graphs and charts. A gamified lesson to develop your font-picking and text-stylingfrom learnui.design

Does a similar job

all alternatives →
  • Accessible Brand Colors2019 · abc.useallfive.com · ▲1,163

    A tool to make sure your brand colors are ADA compliant.

  • Contrast2017 · usecontrast.com · ▲341

    A macOS app for quick access to WCAG color contrast ratios

  • Venngage's Accessible Color Palette2022 · venngage.com · ▲126

    Create color combinations that follow WCAG with ease

  • Color Safe2020 · colorsafe.co · ▲92

    Find accessible color palettes based on WCAG guidelines

  • Hello Color2016 · jxnblk.com · ▲209

    Color contrast generator

  • Color Contrast Tool2022 · color-contrast.dev · ▲72

    Tool to check color contrast as per in dev WCAG 3 APCA

More work this month

the category →

Source: Product Hunt launch ↗

Launched alongside, July 2020

the whole month →