serialif color API

What's this?

This is an REST API to get a requested color, its complementary and its grayscale in different formats and the black or white text corresponding to each color according to its brightness.

Color formats

Keyword

HEX

RGB / RGBA

HSL / HSLA

Request

You can use Keyword, HEX(3,4,6 or 8 characters), RGB or RGBA and HSL or HSLA formats to send your color.

Type	Example value	Note	Possible requests
Keyword	aquamarine		https://color.serialif.com/aquamarine
Keyword	aquamarine		https://color.serialif.com/keyword=aquamarine
HEX	#55667788	without #	https://color.serialif.com/55667788
HEX	#55667788	without #	https://color.serialif.com/hex=55667788
RGB	rgb(85, 102, 119)	without rgb, ( ), or spaces	https://color.serialif.com/85,102,119
RGB	rgb(85, 102, 119)	without rgb, ( ), or spaces	https://color.serialif.com/rgb=85,102,119
RGBA	rgba(85, 102, 119, 0.53)	without rgba, ( ), or spaces	https://color.serialif.com/85,102,119,0.53
			https://color.serialif.com/rgb=85,102,119,0.53
			https://color.serialif.com/rgba=85,102,119,0.53
HSL	hsl(85, 102, 119)	without hsl, ( ), or spaces	https://color.serialif.com/hsl=85,102,119
HSLA	hsla(85, 102, 119, 0.53)	without hsla, ( ), or spaces	https://color.serialif.com/hsl=85,102,119,0.53
HSLA	hsla(85, 102, 119, 0.53)	without hsla, ( ), or spaces	https://color.serialif.com/hsla=85,102,119,0.53

Returned colors

Base (requested)

Base (requested) without alpha

Contrasted text

Complementary

Complementary without alpha

Contrasted text

Grayscale

Grayscale without alpha

Contrasted text

Returned colors in JSON

                
                    {
                        "base": {...},
                        "base_without_alpha": {...},
                        "base_without_alpha_contrasted_text": {...},
                        "complementary": {...},
                        "complementary_without_alpha": {...},
                        "complementary_without_alpha_contrasted_text": {...},
                        "grayscale": {...},
                        "grayscale_without_alpha": {...},
                        "grayscale_without_alpha_contrasted_text": {...}
                    }

Data for each color in JSON

                
                    {
                        "keyword": "aquamarine",
                        "hex": {
                            "value": "#7fffd4",
                            "composition": {
                            "red": "7f",
                            "green": "ff",
                            "blue": "d4"
                            }
                        },
                        "rgb": {
                            "value": "rgb(127, 255, 212)",
                            "composition": {
                            "red": 127,
                            "green": 255,
                            "blue": 212
                            }
                        },
                        "hsl": {
                            "value": "hsl(160, 100%, 75%)",
                            "composition": {
                            "hue": 160,
                            "saturation": 100,
                            "lightness": 75
                            }
                        },
                        "hsl_raw": {
                            "value": "hsl(159.84375, 100%, 74.90196%)",
                            "composition": {
                            "hue": 159.84375,
                            "saturation": 100,
                            "lightness": 74.90196
                            }
                        }
                    }

Example error API response

                
                {
                    "status": "error",
                    "error": {
                        "type": "wrong color format",
                        "value": "yellou",
                        "message": "not a valid KEYWORD color"
                    }
                }

Example success API response

                
                {
    "status": "success",
    "base": {
        "keyword": "",
        "hex": {
            "value": "#c787c22e",
            "composition": {
                "red": "c7",
                "green": "87",
                "blue": "c2",
                "alpha": "2e"
            }
        },
        "rgba": {
            "value": "rgba(199, 135, 194, 0.18)",
            "composition": {
                "red": 199,
                "green": 135,
                "blue": 194,
                "alpha": 0.18039
            }
        },
        "hsla": {
            "value": "hsla(305, 36%, 65%, 0.18)",
            "composition": {
                "hue": 305,
                "saturation": 36,
                "lightness": 65,
                "alpha": 0.18039
            }
        },
        "hsla_raw": {
            "value": "hsla(304.6875, 36.36364%, 65.4902%, 0.18)",
            "composition": {
                "hue": 304.6875,
                "saturation": 36.36364,
                "lightness": 65.4902,
                "alpha": 0.18039
            }
        }
    },
    "base_without_alpha": {
        "keyword": "",
        "hex": {
            "value": "#c787c2",
            "composition": {
                "red": "c7",
                "green": "87",
                "blue": "c2"
            }
        },
        "rgb": {
            "value": "rgb(199, 135, 194)",
            "composition": {
                "red": 199,
                "green": 135,
                "blue": 194
            }
        },
        "hsl": {
            "value": "hsl(305, 36%, 65%)",
            "composition": {
                "hue": 305,
                "saturation": 36,
                "lightness": 65
            }
        },
        "hsl_raw": {
            "value": "hsl(304.6875, 36.36364%, 65.4902%)",
            "composition": {
                "hue": 304.6875,
                "saturation": 36.36364,
                "lightness": 65.4902
            }
        }
    },
    "base_without_alpha_contrasted_text": {
        "keyword": "black",
        "hex": {
            "value": "#000000",
            "composition": {
                "red": "00",
                "green": "00",
                "blue": "00"
            }
        },
        "rgb": {
            "value": "rgb(0, 0, 0)",
            "composition": {
                "red": 0,
                "green": 0,
                "blue": 0
            }
        },
        "hsl": {
            "value": "hsl(0, 0%, 0%)",
            "composition": {
                "hue": 0,
                "saturation": 0,
                "lightness": 0
            }
        },
        "hsl_raw": {
            "value": "hsl(0, 0%, 0%)",
            "composition": {
                "hue": 0,
                "saturation": 0,
                "lightness": 0
            }
        }
    },
    "complementary": {
        "keyword": "",
        "hex": {
            "value": "#38783d2e",
            "composition": {
                "red": "38",
                "green": "78",
                "blue": "3d",
                "alpha": "2e"
            }
        },
        "rgba": {
            "value": "rgba(56, 120, 61, 0.18)",
            "composition": {
                "red": 56,
                "green": 120,
                "blue": 61,
                "alpha": 0.18039
            }
        },
        "hsla": {
            "value": "hsla(125, 36%, 35%, 0.18)",
            "composition": {
                "hue": 125,
                "saturation": 36,
                "lightness": 35,
                "alpha": 0.18039
            }
        },
        "hsla_raw": {
            "value": "hsla(124.6875, 36.36364%, 34.5098%, 0.18)",
            "composition": {
                "hue": 124.6875,
                "saturation": 36.36364,
                "lightness": 34.5098,
                "alpha": 0.18039
            }
        }
    },
    "complementary_without_alpha": {
        "keyword": "",
        "hex": {
            "value": "#38783d",
            "composition": {
                "red": "38",
                "green": "78",
                "blue": "3d"
            }
        },
        "rgb": {
            "value": "rgb(56, 120, 61)",
            "composition": {
                "red": 56,
                "green": 120,
                "blue": 61
            }
        },
        "hsl": {
            "value": "hsl(125, 36%, 35%)",
            "composition": {
                "hue": 125,
                "saturation": 36,
                "lightness": 35
            }
        },
        "hsl_raw": {
            "value": "hsl(124.6875, 36.36364%, 34.5098%)",
            "composition": {
                "hue": 124.6875,
                "saturation": 36.36364,
                "lightness": 34.5098
            }
        }
    },
    "complementary_without_alpha_contrasted_text": {
        "keyword": "white",
        "hex": {
            "value": "#ffffff",
            "composition": {
                "red": "ff",
                "green": "ff",
                "blue": "ff"
            }
        },
        "rgb": {
            "value": "rgb(255, 255, 255)",
            "composition": {
                "red": 255,
                "green": 255,
                "blue": 255
            }
        },
        "hsl": {
            "value": "hsl(0, 0%, 100%)",
            "composition": {
                "hue": 0,
                "saturation": 0,
                "lightness": 100
            }
        },
        "hsl_raw": {
            "value": "hsl(0, 0%, 100%)",
            "composition": {
                "hue": 0,
                "saturation": 0,
                "lightness": 100
            }
        }
    },
    "grayscale": {
        "keyword": "",
        "hex": {
            "value": "#a7a7a72e",
            "composition": {
                "red": "a7",
                "green": "a7",
                "blue": "a7",
                "alpha": "2e"
            }
        },
        "rgba": {
            "value": "rgba(167, 167, 167, 0.18)",
            "composition": {
                "red": 167,
                "green": 167,
                "blue": 167,
                "alpha": 0.18039
            }
        },
        "hsla": {
            "value": "hsla(305, 0%, 65%, 0.18)",
            "composition": {
                "hue": 305,
                "saturation": 0,
                "lightness": 65,
                "alpha": 0.18039
            }
        },
        "hsla_raw": {
            "value": "hsla(304.6875, 0%, 65.4902%, 0.18)",
            "composition": {
                "hue": 304.6875,
                "saturation": 0,
                "lightness": 65.4902,
                "alpha": 0.18039
            }
        }
    },
    "grayscale_without_alpha": {
        "keyword": "",
        "hex": {
            "value": "#a7a7a7",
            "composition": {
                "red": "a7",
                "green": "a7",
                "blue": "a7"
            }
        },
        "rgb": {
            "value": "rgb(167, 167, 167)",
            "composition": {
                "red": 167,
                "green": 167,
                "blue": 167
            }
        },
        "hsl": {
            "value": "hsl(305, 0%, 65%)",
            "composition": {
                "hue": 305,
                "saturation": 0,
                "lightness": 65
            }
        },
        "hsl_raw": {
            "value": "hsl(304.6875, 0%, 65.4902%)",
            "composition": {
                "hue": 304.6875,
                "saturation": 0,
                "lightness": 65.4902
            }
        }
    },
    "grayscale_without_alpha_contrasted_text": {
        "keyword": "black",
        "hex": {
            "value": "#000000",
            "composition": {
                "red": "00",
                "green": "00",
                "blue": "00"
            }
        },
        "rgb": {
            "value": "rgb(0, 0, 0)",
            "composition": {
                "red": 0,
                "green": 0,
                "blue": 0
            }
        },
        "hsl": {
            "value": "hsl(0, 0%, 0%)",
            "composition": {
                "hue": 0,
                "saturation": 0,
                "lightness": 0
            }
        },
        "hsl_raw": {
            "value": "hsl(0, 0%, 0%)",
            "composition": {
                "hue": 0,
                "saturation": 0,
                "lightness": 0
            }
        }
    }
}

Serialif Color API 1.0.0