Color

This is the APCA project repo on GitHub.Documentation linked below.

Support resource for drafts of WCAG 3

Test the contrast of two colors to ensure the highest measure of readability using the Advanced Perception of Color Algorithm (APCA) and the classic ratio.

Quickly check contrast between colors in HEX, RGB, HSL, and LCH. Simple and fast.

Orange is the new whatever

Create & export mesh gradients as SVG or to Figma. Quickly experiment with grainy noise and blur. Includes a one-click export to Figma for use in designs.

An overview of techniques I’ve used to generate random gradients.

Join Ericka Seastrand as she qualitatively deconstructs why quantitative results don't always yield the most accurate results when testing accessibility standards for color contrast.

#243C42 color name is Japanese Indigo. Download palettes, patterns, wallpapers and get RGB, CMYK, Pantone, RAL values on this page.

Create & export linear, radial, & conic gradients. Automatically creates vivid, colorful gradients. One-click CSS or SVG (drag-and-drop into Figma, Sketch, Canva, etc).

Supa Palette revolutionizes the way modern designers generate, edit, and manage color palettes. This comprehensive tool enables the creation of harmonious, accessibility-oriented palettes, streamlining your design process and saving you invaluable time when building your design system. ⚡️ Key Fe...

This article provides a helpful and huge guide on creating color palettes for design systems.

Accurate and easy color comparisons with our online delta-e calculator. Compare colors in Rgb, Cmy, Cmyk, Hsl, Xyz, CIE-L*ab, CIE-Lch, and Yxy spaces.

This interactive visual tool lets you see how accessible your color palettes are to viewers who are colorblind.

Generate colors based on a desired contrast ratio.

Find lighter and darker colors based on any color. Discover why over two million people have used 0to255 to choose colors for their website, logo, room interior, and print design projects.

Color-Name.com is a great online tool to find the color name from hex code. Download palettes, patterns, wallpapers of your chosen color and get RGB, CMYK, Pantone, RAL values and more.

Over two years ago, we released Leonardo: the first-of-its-kind contrast ratio based color generation tool. Since then, Leonardo has…

Delving into colour models and some of the types that are out there.

Part one

19.43:1 contrast ratio

If you're curious about rainbows, colorimetry, gamma encoding, and experiments run in the late 1920s, then this is the post for you!

Understanding the complexity of color contrast for better design and accessibility

There's a growing demand for designers to make their interfaces accessible to all users. It's important to accommodate users with disabilities...

As a professional designer, you probably don’t need to be convinced that color has a profound impact on digital products and the people…

Smart designers know it’s a waste of time to reinvent the wheel. And with so many free resources online it’s easier than ever to find tools that’ll save …