Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/FormidableLabs/image-palette

Generate a WCAG compliant color theme from any image
https://github.com/FormidableLabs/image-palette

colors design images palette react

Last synced: about 1 month ago
JSON representation

Generate a WCAG compliant color theme from any image

Host: GitHub
URL: https://github.com/FormidableLabs/image-palette
Owner: FormidableLabs
License: mit
Archived: true
Created: 2017-09-18T16:34:24.000Z (almost 7 years ago)
Default Branch: master
Last Pushed: 2022-03-03T22:32:24.000Z (over 2 years ago)
Last Synced: 2024-05-13T23:47:44.156Z (about 2 months ago)
Topics: colors, design, images, palette, react
Language: JavaScript
Homepage: http://react-image-palette-demo.surge.sh/
Size: 16.4 MB
Stars: 356
Watchers: 46
Forks: 19
Open Issues: 38
Metadata Files:
- Readme: README.md
- License: LICENSE.txt

Lists

awesome-react-function-as-child-components - react-image-palette
awesome-stars - image-palette

README

[![Build Status](https://travis-ci.com/FormidableLabs/react-image-palette.svg?token=ycKCGETrX5nV3P6ePUdx&branch=master)](https://travis-ci.com/FormidableLabs/react-image-palette)

image-palette

Dynamically generate accessible color palettes from images

![image-palette demo](./screenshot.jpg)

Implement adaptive UIs dynamically from any image in right in the browser. Every
palette is parsed from the most dominant and vibrant colors in the source image,
and guaranteed to meet the
[WCAG contrast standard](https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html)
for accessible color pairings.

### Packages

This repository is setup as a monorepo with the following packages:

* [`image-palette-core`](https://github.com/FormidableLabs/image-palette/tree/master/packages/image-palette-core) - core logic for parsing palettes from images
* [`react-image-palette`](https://github.com/FormidableLabs/image-palette/tree/master/packages/react-image-palette) - A React adapter for `image-palette-core`
* [`preact-image-palette`](https://github.com/FormidableLabs/image-palette/tree/master/packages/preact-image-palette) - A Preact adapter for `image-palette-core`

## Maintenance Status

**Archived:** This project is no longer maintained by Formidable. We are no longer responding to issues or pull requests unless they relate to security concerns. We encourage interested developers to fork this project and make it their own!