akrck02 / color-extractor

A website that generates a structural color pallete given a base color

Home Page:http://akrck02.org/color-extractor/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Color extractor

Hi there! This is a library and a demo app to extract a cohesive color palette from a base color in dark / light mode!

This proyect was inspired by the new Material you design trend and free to use.

The extractor library returns a JSON with the following format:

{
    "surface-1": "#262626",
    "on-surface-1": "#ffffff",
    "surface-2": "#333333",
    "on-surface-2": "#ffffff",
    "surface-3": "#404040",
    "on-surface-3": "#ffffff",
    "surface-4": "#4d4d4d",
    "on-surface-4": "#ffffff",
    "surface-5": "#595959",
    "on-surface-5": "#ffffff",
    "surface-6": "#666666",
    "on-surface-6": "#ffffff",
    "background": "#1a1a1a",
    "on-background": "#ffffff"
}

And the app using it rewrites the BubbleUI variables to change the UI colors!

Theme 1 Theme 2 Theme 3 Theme 4 Theme 5 Theme 6 Theme 7 Theme 8

About

A website that generates a structural color pallete given a base color

http://akrck02.org/color-extractor/

License:GNU General Public License v3.0


Languages

Language:TypeScript 86.1%Language:CSS 11.6%Language:HTML 1.4%Language:JavaScript 0.9%