https://github.com/xta/color-composer

Manipulate color with your fingers
https://github.com/xta/color-composer

Last synced: 10 months ago
JSON representation

Manipulate color with your fingers

• Host: GitHub
• URL: https://github.com/xta/color-composer
• Owner: xta
• Created: 2015-02-15T08:26:43.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2015-02-23T03:04:44.000Z (over 11 years ago)
• Last Synced: 2025-03-16T14:36:16.107Z (about 1 year ago)
• Language: CSS
• Homepage: http://xta.github.io/color-composer/
• Size: 867 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

          
# Color Composer v0.0.1

Use your keyboard to play around with and visualize colors with HSL (hue-saturation-lightness).

## Usage

Visit [Color Composer](http://xta.github.io/color-composer/) and use your keyboard (QWER, ASDF, and ZXCV) to manipulate the current color. Get the Hex & RGB values.

## About

This tool is a conceptual tool to see what happens when you combine your common color picker with precise keyboard controls to adjust colors in an intuitive way. HSL is a color representation that is easy to reason about. To change the color, adjust the hue between the 360 degrees. To adjust the intensity/greyness, adjust the color's saturation. To make it light or dark, adjust the lightness.

## Credit

2015 Rex Feng

Thanks to many resources that you should also check out:

* [DaftPunKonsole](http://codepen.io/kowlor/pen/MYOKRd)

* [ColorJoe](https://github.com/bebraw/colorjoe)

* [KeyboardJS](http://robertwhurst.github.io/KeyboardJS/)

* [one-color](https://github.com/One-com/one-color)

## Development

    # setup dependencies

    npm install

    # workflow

    gulp # run tasks

    open index.html

    # enable Chrome LiveReload extension in browser

## License

MIT