pretty-easy-rgb-to-hex
TypeScript icon, indicating that this package has built-in type declarations

1.0.4 • Public • Published

pretty-easy-rgb-to-hex

 

NPM Version Build Status - Travis CI Build Status - Appveyor Tests Dependancies

What is pretty-easy-rgb-to-hex?

pretty-easy-rgb-to-hex is a simple NodeJS module for converting an RGB(a) color value to it's corresponding HEX value.

 

Install

This is a NodeJS module available through the npm registry. Installation is done using the npm install command:

$ npm install pretty-easy-rgb-to-hex --save

 

Usage

After installing the module (localy in your project directory), in order to use it in your file you first need to require it.

let rgbToHEX = require('pretty-easy-rgb-to-hex');

 

or if you use TypeScript

import * as rgbToHEX from 'pretty-easy-rgb-to-hex';

 

The module returns a function for you to call and supply with an RGB(a) color value that you'd like to transform into its' corresponding HEX value. The function returns a String (HEX value, without a hash [#]) or an instance of Error class if the invalid color value was supplied to the function.  

Important :
  • HEX value returned does NOT include the hash [#] - this is intended!,
  • no matter if alpha is passed or not the resulting HEX value will be 6 characters long - this is due to the nature of valid HEX color values that are either 3 or 6 characters long,
  • HEX value returned is always 6 characters long,
  • HEX color value returned consists of CAPITAL letters (no lowercase letters are returned),
  • there are 4 valid ways of calling the function (see the example code below)

 

Examples

Convert RGB(a) color to HEX color

/*
*   The module is flexible enough, as it allows you
*   to supply it with different RGB(a) color values,
*   no matter if it is a String, Number values, Object...
*
*   There are 4 valid ways of calling the function
*/
 
//  Example 1. - single string value 
rgbToHEX('rgb(255, 0, 0)');         //  returns 'FF0000'
rgbToHEX('rgba(255, 0, 0, 1)');     //  returns 'FF0000'
rgbToHEX('255 0 0');                //  returns 'FF0000'
rgbToHEX('255, 0, 0, 1');           //  returns 'FF0000'
 
//  Example 2. - 3 string values
rgbToHEX('255', '0', '0');          //  returns 'FF0000'
 
//  Example 3. - 3 number values
rgbToHEX(255, 0, 0);                //  returns 'FF0000'
 
//  Example 4. - RGB(a) object
rgbToHEX({red: '255', green: '0', blue: '0'});              //  returns 'FF0000'
rgbToHEX({red:   255, green:   0, blue:  0 });              //  returns 'FF0000'
rgbToHEX({red:   255, green:   0, blue:  0 , alpha: 60});   //  returns 'FF0000'

 

Consider the following

The module will return an instance of an Error class, if argument passed is not a valid RGB(a) color value, instead of throwing an error and terminating the Node process thus making it more dynamic and usable in production where you depend on the user input.

Having this in mind, I advise you to consider including a utility library, to check the output data type, such as pretty-easy-data-types.

/*
*   Only import the checks you will be using,
*   instead of including the whole library
*/
const {  
    isString,       //  check if the value supplied is of type String
    isError         //  check for instance of an Error class
= require('pretty-easy-data-types');
const rgbToHEX  = require('pretty-easy-rgb-to-hex');
 
 
//  You can pass any value/data type to a function, 
//  without causing your process to break
const convertToHex = rgbToHEX('this is an invalid value!');
 
/*
*   After converting the RGB(a) color to its' corresponding HEX value
*   you should perform the check on the value returned and see
*   if the conversion was successful.
*
*   If the value returned is of type String the conversion was successful
*   and in this example we're going to prepend the hash symbol [#]
*   else it is an instance of an Error class
*   and we're just going to log it to the console
*/
const hexColor = isString(convertToHex) ?
    `#${convertToHex}` :
    convertToHex;
if(isError(hexColor)) console.log(`Invalid RGB(a) color value passed: ${hexColor.message}`);

 

Want to contribute?

Great! Anyone can help make this project better - check out the github repository!

Found a bug?

Please open a an issue.

License

Copyright (c) 2017 Ognjen Jevremović

Licensed under the MIT License.

Package Sidebar

Install

npm i pretty-easy-rgb-to-hex

Weekly Downloads

291

Version

1.0.4

License

MIT

Last publish

Collaborators

  • ognjen.jevremovic