README
Welcome to ngx-color-converter!
Convert your color value to different variants. Color is the aspect of things that is caused by differing qualities of light being reflected or emitted by them.
Preview demo
This preview was generated with CODESANDBOX
Visit for Live preview
CDN
CDN Link for ngx-color-converter - https://unpkg.com/ngx-color-converter@0.1.0/bundles/ngx-color-converter.umd.js
Service
import { NgxColorConverterService } from 'ngx-color-converter';
constructor(private colors: NgxColorConverterService) { }
Use reference for logs service in constructor and import it respectively at any component
Methods
You can use below methods as part of service by following
this.colors.toColorObject(color);
color:any - (hex - name - rgb - hsl - hwb - cmyk - ncol)
this.colors.toColorObject('#000fff');
this.colors.toColorObject('crimson');
this.colors.toColorObject('rgb(0,0,0)');
this.colors.toColorObject('hsl(100,2,4)');
this.colors.toColorObject('cymk(1,2,3,4)');
{
"red": 0,
"green": 15,
"blue": 255,
"hue": 236,
"sat": 1,
"lightness": 0.5,
"whiteness": 0,
"blackness": 0,
"cyan": 1,
"magenta": 0.94,
"yellow": 0,
"black": 0,
"ncol": "C94",
"opacity": 1,
"valid": true
}
Which will return converted color object.
With these converted values you can play any method given below. Happy Coding <3
| Method | Arguments | usage |
|---|---|---|
| toColorObject(color) | color:any - (hex - name - rgb - hsl - hwb - cmyk - ncol) | Returns color object of converted values |
| hslToRgb(hue, sat, light) | hue, sat, light | |
| hwbToRgb(hue, white, black) | hue, white, black | |
| cmykToRgb(c, m, y, k) | c, m, y, k | |
| ncolToRgb(ncol, white, black) | ncol, white, black | |
| hueToNcol(hue) | hue | |
| ncsToRgb(ncs) | ncs | |
| rgbToHsl(r , g , b ) | r, g, b | |
| rgbToHwb(r , g , b ) | r, g, b | |
| rgbToCmyk(red , green , blue ) | red,green,blue | |
| -- | -- | -- |
| toRgbString(red , green , blue ) | ||
| toRgbaString(red , green , blue , alpha ) | ||
| toHwbString(hue , whiteness , blackness ) | ||
| toHwbStringDecimal(hue , whiteness , blackness ) | ||
| toHwbaString(hue , whiteness , blackness , alpha ) | ||
| toHslString(hue , sat , lightness ) | ||
| toHslStringDecimal(hue , sat , lightness ) | ||
| toHslaString(hue , sat , lightness , alpha ) | ||
| toCmykString(cyan , magenta , yellow , black ) | ||
| toCmykStringDecimal(cyan , magenta , yellow , black ) | ||
| toNcolString(ncol , whiteness , blackness ) | ||
| toNcolStringDecimal(ncol , whiteness , blackness ) | ||
| toNcolaString(ncol , whiteness , blackness , alpha ) | ||
| toHexString(red , green , blue ) | ||
| toRgb(red , green , blue , alpha ) | ||
| toHsl(hue , sat , lightness , alpha ) | ||
| toHwb(hue , whiteness , blackness , alpha ) | ||
| toCmyk(cyan , magenta , yellow , black , alpha ) | ||
| toNcol(ncol , whiteness , blackness , alpha ) |
This are the methods available with ngx-color-converter use it as per your requirement:
Angular version
This library was generated with Angular CLI version 13.0.0.
Code integration
To use this package as a service npm i ngx-color-converter install this on the root angular project .
Note: Don't forget to run this commend
npm i ngx-color-converteron root folder or else it will throw error.
Author
Thanks in advance
Coimbatore