Color Convert
![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)
Install
npm i @uiw/color-convert
Usage
import { hsvaToHsla } from '@uiw/color-convert'
API
rgbaToHsva
rgbaToHsva({ r: 255, g: 255, b: 255, a: 1 })
hexToHsva
hexToHsva("#ffffff")
hsvaToHex
hsvaToHex({ h: 0, s: 0, v: 100, a: 1 })
hsvaToHexa
hsvaToHexa({ h: 0, s: 0, v: 30, a: 0.4875 })
hsvaToHexa({ h: 0, s: 0, v: 100, a: 1 })
hsvaToHexa({ h: 60, s: 100, v: 100, a: 1 })
hsvaToHsla
hsvaToHsla({ h: 0, s: 0, v: 100, a: 1 })
hslaToHsva
hslaToHsva({ h: 0, s: 100, l: 50, a: 1 })
hslaToHsva({ h: 0, s: 0, l: 0, a: 1 })
hslaToHsva({ h: 200, s: 25, l: 32, a: 1 })
hslStringToHsla
hslStringToHsla('')
hslStringToHsla('hsl(50, 10%, 10%)')
hslStringToHsla('hsl(49deg 90% 65% / 39%)')
hsvaToHslString
hsvaToHslString({ h: 200, s: 40, v: 40, a: 1 })
hsvaToHslString({ h: 0, s: 0, v: 0, a: 1 })
hslStringToHsva
hslStringToHsva('hsl(0, 0%, 100%)')
hslaStringToHsva
hslaStringToHsva('hsla(0deg, 0%, 0%, 0.5)')
hslaStringToHsva('hsla(200, 25%, 32%, 1)')
hslaStringToHsva('hsla(.5turn 25% 32% / 50%)')
hsvaToRgba
hsvaToRgba({ h: 0, s: 0, v: 100, a: 1 })
hsvaToRgba({ h: 128, s: 0, v: 100, a: 1 })
hsvaToRgba({ h: 0, s: 100, v: 100, a: 0.567 })
rgbaToHsva
rgbaToHsva({ r: 255, g: 255, b: 255, a: 1 })
rgbStringToHsva
rgbStringToHsva('rgb(255, 255, 255)')
hsvaToRgbString
hsvaToRgbString({ h: 0, s: 0, v: 100, a: 1 })
hsvaToRgbaString
hsvaToRgbaString({ h: 200, s: 40, v: 40, a: 0.5 })
rgbaStringToHsva
rgbaStringToHsva('rgba(61, 88, 102, 0.5)')
hsvaToHsvaString
hsvaToHsvaString({ h: 0, s: 0, v: 100, a: 1 })
hsvaToHsvString
hsvaToHsvString({ h: 0, s: 0, v: 100, a: 1 })
hsvStringToHsva
hsvStringToHsva('hsv(0, 11%, 0%)')
hsvStringToHsva('hsv(90deg 20% 10%)')
hsvStringToHsva('hsv(100grad 20% 10%)')
rgbaToRgb
rgbaToRgb({ r: 0, g: 0, b: 0, a: 1 })
hslaToHsl
hslaToHsl({ h: 0, s: 0, l: 0, a: 1 })
hsvaToHsv
hsvaToHsv({ h: 0, s: 0, v: 0, a: 1 })
equalHex
equalHex("#8c0dba", "#8c0dba")
equalColorObjects
equalColorObjects({ h: 0, s: 0, v: 5, a: 0.5 }, { h: 0, s: 0, v: 5, a: 0.5 })
equalColorString
equalColorString("rgb(0,0,0)", "rgb(0, 0, 0)")
hsvaToHslaString
hsvaToHslaString({ h: 200, s: 40, v: 40, a: 0.5 })
validHex
validHex("#8c0dba")
rgbaToHexa
rgbaToHexa({ b: 26, g: 2, r: 209, a: 1 })
color
const { rgb, rgba, hsl, hsv, hsla, hsva } = color('#d1021a');
type
export declare const equalColorObjects: (first: ObjectColor, second: ObjectColor) => boolean;
export declare const equalColorString: (first: string, second: string) => boolean;
export declare const equalHex: (first: string, second: string) => boolean;
export declare const validHex: (hex: string) => boolean;
export declare const getContrastingColor: (str: string | HsvaColor) => "#ffffff" | "#000000";
export type ObjectColor = RgbColor | HslColor | HsvColor | RgbaColor | HslaColor | HsvaColor;
export type ColorResult = {
rgb: RgbColor;
hsl: HslColor;
hsv: HsvColor;
rgba: RgbaColor;
hsla: HslaColor;
hsva: HsvaColor;
hex: string;
hexa: string;
};
export interface HsvColor {
h: number;
s: number;
v: number;
}
export interface HsvaColor extends HsvColor {
a: number;
}
export interface RgbColor {
r: number;
g: number;
b: number;
}
export interface RgbaColor extends RgbColor {
a: number;
}
export declare const rgbaToHsva: ({ r, g, b, a }: RgbaColor) => HsvaColor;
export declare const hsvaToHslString: (hsva: HsvaColor) => string;
export declare const hsvaToHsvString: ({ h, s, v }: HsvaColor) => string;
export declare const hsvaToHsvaString: ({ h, s, v, a }: HsvaColor) => string;
export declare const hsvaToHslaString: (hsva: HsvaColor) => string;
export declare const hslStringToHsla: (str: string) => HslaColor;
export declare const hslaStringToHsva: (hslString: string) => HsvaColor;
export declare const hslStringToHsva: (hslString: string) => HsvaColor;
export declare const hslaToHsva: ({ h, s, l, a }: HslaColor) => HsvaColor;
export interface HslColor {
h: number;
s: number;
l: number;
}
export interface HslaColor extends HslColor {
a: number;
}
export declare const hsvaToHsla: ({ h, s, v, a }: HsvaColor) => HslaColor;
export declare const hsvaStringToHsva: (hsvString: string) => HsvaColor;
export declare const parseHue: (value: string, unit?: string) => number;
export declare const hsvStringToHsva: (hsvString: string) => HsvaColor;
export declare const rgbaStringToHsva: (rgbaString: string) => HsvaColor;
export declare const rgbStringToHsva: (rgbaString: string) => HsvaColor;
export declare const rgbaToHex: ({ r, g, b }: RgbaColor) => string;
export declare const rgbaToHexa: ({ r, g, b, a }: RgbaColor) => string;
export declare const hexToHsva: (hex: string) => HsvaColor;
export declare const hexToRgba: (hex: string) => RgbaColor;
export declare const hsvaToRgba: ({ h, s, v, a }: HsvaColor) => RgbaColor;
export declare const hsvaToRgbString: (hsva: HsvaColor) => string;
export declare const hsvaToRgbaString: (hsva: HsvaColor) => string;
export declare const rgbaToRgb: ({ r, g, b }: RgbaColor) => RgbColor;
export declare const hslaToHsl: ({ h, s, l }: HslaColor) => HslColor;
export declare const hsvaToHex: (hsva: HsvaColor) => string;
export declare const hsvaToHexa: (hsva: HsvaColor) => string;
export declare const hsvaToHsv: ({ h, s, v }: HsvaColor) => HsvColor;
export declare const color: (str: string | HsvaColor) => ColorResult;
Contributors
As always, thanks to our amazing contributors!
Made with contributors.
License
Licensed under the MIT License.