Contrast Colors

Published: Oct 19, 2018

Last updated: Oct 19, 2018

Short and sharp. I needed to use something to help auto-determine what text color to use for components based on the background color. Also - American spelling for those Australians out there. I know.

Installation

# npm npm install --save get-contrast # or yarn yarn add get-contrast

Example code

const contrast = require("get-contrast"); const arg = process.argv[2]; if (!arg) { console.error('Error: Color arg required eg. "#000"'); process.exit(1); } const isLight = contrast.isAccessible(arg, "#000"); const res = `${arg} is light: ${isLight}. You should use ${ isLight ? "black" : "white" } for the font.`; console.log(res);

Usage

node index.js "#666" #666 is light: false. You should use white for the font. node index.js "#000" #000 is light: false. You should use white for the font. node index.js "#888" #888 is light: true. You should use black for the font.

Original code can be found on my Github account.

Hello is a series that is about short, sharp examples. Read more on this series to find small gems to add your toolset.

Personal image

Dennis O'Keeffe

Byron Bay, Australia

Share this post

Recommended articles

Dennis O'Keeffe

2020-present Dennis O'Keeffe.

All Rights Reserved.