JavaScript Color Mixer: Create colors editing the RGB or HSV values

Recommend this page to a friend!
  Info   View files Example   View files View files (5)   DownloadInstall with Composer Download .zip   Reputation   Support forum (2)   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStarStar 64%Total: 98 All time: 418 This week: 4Up
Version License JavaScript version Categories
mixem 0.1GNU General Publi...5HTML, Graphics
Description Author

This package allows the user to create colors editing the RGB or HSV values.

It displays sliders and text inputs on a Web page that let the user adjust the RGB or HSV values of a given color.

The user may also enter a specific color value in a text input.

The package changes the colors of page elements for the created color as well for the individual color components.

The values of the colors are also displayed on the page as text.

Innovation Award
JavaScript Programming Innovation award winner
January 2017
Winner


Prize: One downloadable e-book of choice by O'Reilly
Many sites allow users to customize user interfaces aspects like for instance colors of the different UI elements.

This package provides a nice user interface to let the users pick one color by the means of sliders or text inputs that allow controlling the color values in either RGB or HSV formats.

Manuel Lemos
Picture of Martin Latter
  Performance   Level  
Name: Martin Latter <contact>
Classes: 3 packages by
Country: United Kingdom
Age: ???
All time rank: 1034 in United Kingdom
Week rank: 6 Up1 in United Kingdom Up
Innovation award
Innovation award
Nominee: 2x

Winner: 2x

Details

Mixem

RGB and HSV colour mixer.

Background

Usually, I find it easier to create a custom colour with HSV, and use RGB for reference.

To do this, I wanted a simple and minimal browser tool, with no dependencies.

Demonstration

Demo

License

Mixem is released under the GPL v.3.

Miscellaneous

alt

Joint winner of a JS Classes Innovation Award (January 2017).

  Files folder image Files  
File Role Description
Files folder imagecss (1 file)
Files folder imagejs (1 file)
Accessible without login Plain text file LICENSE Lic. License text
Accessible without login HTML file mixem.html Example Example script
Accessible without login Plain text file README.md Data Auxiliary data

  Files folder image Files  /  css  
File Role Description
  Accessible without login Plain text file mixem.css Data Auxiliary data

  Files folder image Files  /  js  
File Role Description
  Plain text file mixem.js Class Class source

 Version Control Unique User Downloads Download Rankings  
 100%
Total:98
This week:0
All time:418
This week:4Up
User Ratings User Comments (1)
 All time
Utility:91%StarStarStarStarStar
Consistency:91%StarStarStarStarStar
Documentation:-
Examples:91%StarStarStarStarStar
Tests:-
Videos:-
Overall:64%StarStarStarStar
Rank:34
 
This is a very good and interesting class ;-)
5 years ago (José Filipe Lopes Santos)
70%StarStarStarStar