DEV Community

Sanchit Gupta
Sanchit Gupta

Posted on

1

Snippet... Color Converter

#javascript #color #w3colorjs #apps4developers

https://www.apps4developers.com/color-converter/

Convert Color code using w3color.js

Get w3color.js from here.

import w3color from './w3color';

const colorObj = w3color(`#424242`);
Enter fullscreen mode Exit fullscreen mode

Get Color Name 

colorObj.toName();
Enter fullscreen mode Exit fullscreen mode

Get Hex Code 

colorObj.toHexString();
Enter fullscreen mode Exit fullscreen mode

Get RGB Code 

colorObj.toRgbString();
Enter fullscreen mode Exit fullscreen mode

Get RGB Code with Alpha 

colorObj.toRgbaString();
Enter fullscreen mode Exit fullscreen mode

Get HSL Code 

colorObj.toHslString();
Enter fullscreen mode Exit fullscreen mode

Get HSL Code with Alpha 

colorObj.toHslaString();
Enter fullscreen mode Exit fullscreen mode

Get HSL Decimal Code 

colorObj.toHslStringDecimal();
Enter fullscreen mode Exit fullscreen mode

Get HWB Code 

colorObj.toHwbString();
Enter fullscreen mode Exit fullscreen mode

Get HWB Code with Alpha 

colorObj.toHwbaString();
Enter fullscreen mode Exit fullscreen mode

Get HWB Decimal Code 

colorObj.toHwbStringDecimal();
Enter fullscreen mode Exit fullscreen mode

Get CMYK Code 

colorObj.toCmykString();
Enter fullscreen mode Exit fullscreen mode

Get CMYK Decimal Code 

colorObj.toCmykStringDecimal();
Enter fullscreen mode Exit fullscreen mode

Get NCOL Code 

colorObj.toNcolString();
Enter fullscreen mode Exit fullscreen mode

Get NCOL Code with Alpha 

colorObj.toNcolaString();
Enter fullscreen mode Exit fullscreen mode

Get NCOL Decimal Code 

colorObj.toNcolStringDecimal();
Enter fullscreen mode Exit fullscreen mode
profile
Sentry
 Promoted

Billboard image

If seeing this in React makes you 🤮, get Sentry.

Try Sentry

Top comments (0)

profile
_SurveyJS
 Promoted

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Read next

quocbahuynh profile image

Get Pending Transactions in Binance Smart Chain Mempool Using Ether.js and QuickNode

Quoc Huynh Website -

aditya0901 profile image

How to Create a Custom Priority Event Emitter in Node.js

aditya singh rawat - 493 -

dpc profile image

Daily JavaScript Challenge #JS-79: Find the Majority Element in an Array

DPC -

keploy profile image

Staging vs Production: Understanding the Key Differences

keploy -

đź‘‹ Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay