https://github.com/ewliang/bw-color-contrast-ai

BW Color Contrast AI is a simple machine learning webapp that learns and suggests which text color (black or white) goes best on the foreground of a randomly generated background color using brain.js as the library for neural network.
https://github.com/ewliang/bw-color-contrast-ai

brain-js brainjs color-contrast css3 html5 javascript machine-learning neural-network web-development webapp

Last synced: 9 days ago
JSON representation

BW Color Contrast AI is a simple machine learning webapp that learns and suggests which text color (black or white) goes best on the foreground of a randomly generated background color using brain.js as the library for neural network.

• Host: GitHub
• URL: https://github.com/ewliang/bw-color-contrast-ai
• Owner: ewliang
• License: gpl-3.0
• Created: 2018-09-17T18:50:13.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-10-03T15:40:10.000Z (over 6 years ago)
• Last Synced: 2024-11-08T20:48:39.729Z (2 months ago)
• Topics: brain-js, brainjs, color-contrast, css3, html5, javascript, machine-learning, neural-network, web-development, webapp
• Language: JavaScript
• Homepage: https://ewliang.github.io/BW-Color-Contrast-AI/
• Size: 50.8 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# BW Color Contrast AI

BW Color Contrast AI is a simple machine learning webapp that learns and suggests which text color (black or white) goes best on the foreground of a randomly generated background color using brain.js as the library for neural network.

DEMO: [https://ewliang.github.io/BW-Color-Contrast-AI/](https://ewliang.github.io/BW-Color-Contrast-AI/)

# Table of Contents

- [Features](#features)

- [Author](#author)

- [Setup and Requirements](#setup-and-requirements)

- [License](#license)

## Features

- Generates a random background color, and it suggests what colored text (black or white) best contrasts against the background color.

- User can toggle ON/OFF training mode.

- AI predictions are designated via a black border surrounding its selection.

## Author

Eric Liang

- Website [https://www.eric-liang.com](https://www.eric-liang.com)

- Github [https://www.github.com/ewliang](https://www.github.com/ewliang)

## Setup and Requirements

- HTML5

- CSS3

- Javascript

- Brain.js

The setup is simple. Just treat this as a ordinary web project with brain.js included as a library.

## License

This project is under the GPLv3.0 license. Please refer to the LICENSE file for more details.