https://github.com/mattt/Chroma-Hash

A colorful visualization of password field input
https://github.com/mattt/Chroma-Hash

Last synced: 4 days ago
JSON representation

A colorful visualization of password field input

• Host: GitHub
• URL: https://github.com/mattt/Chroma-Hash
• Owner: mattt
• License: mit
• Archived: true
• Created: 2009-07-28T23:53:35.000Z (over 15 years ago)
• Default Branch: master
• Last Pushed: 2018-09-26T20:25:55.000Z (about 6 years ago)
• Last Synced: 2024-08-02T15:51:15.549Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 63.5 KB
• Stars: 622
• Watchers: 16
• Forks: 42
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Chroma-Hash

Password entry can be frustrating, 

especially with long or difficult passwords. 

On a webpage, secure fields obscure your input with •'s so others can't read it. 

Unfortunately, neither can you --- 

you can't tell if you got your password right until you click "Log In".

Chroma-Hash is a jQuery plugin that visualizes secure text-field values using ambient color bars.

Chroma-Hash displays a series of colored bars at the end of field inputs 

so you can instantly tell if your password is right. 

The script takes a hash of your input to compute the colors in the visualization;

the resulting color pattern is non-reversible, 

so no one can determine your password from the colors alone.

## Usage

```javascript

$("input:password").chromaHash({bars: 3, salt:"7be82b35cb0199120eea35a4507c9acf", minimum:6});

```

- `bars` : the number of bars displayed (1, 2, 3, or 4)

- `salt` : the value to be appended when calculating hash function

- `minimum` : the minimum number of characters needed for grayscale bars to be displayed in color

## Requirements

- jQuery 1.3+

## Ports, Implementations, and Adaptations

Chroma-Hash is also available in your choice of JavaScript libraries and languages:

- [CHChromaHashView (iOS) - @mattt (Mattt)](https://github.com/mattt/CHChromaHashView)

- [ChromaHashView (Android) - @michaelevans (Michael Evans)](https://github.com/MichaelEvans/ChromaHashView)

- [YUI3 - @foxxtrot (Jeff Craig)](http://github.com/foxxtrot/Chroma-Hash)

- [Prototype - @wki (Wolfgang Kinkeldei)](http://github.com/wki/Chroma-Hash)

- [pyChroma (Python) - @leegao (Lee Gao)](http://github.com/leegao/pyChroma)

- [ChromaHash4j (Java) - @efi (Thomas Efer)](http://github.com/efi/ChromaHash4j)

> For the more acoustically-inclined, 

> check out [Sonic-Hash](http://mattt.github.com/Sonic-Hash/), 

> which uses sounds instead of colors.

## Credit

Inspired by Arc90 Lab's HashMask, by Chris Dary

[http://lab.arc90.com/2009/07/hashmask.php](http://lab.arc90.com/2009/07/09/hashmask-another-more-secure-experiment-in-password-masking/)

Chroma-Hash uses Paul Johnston's Javascript MD5 implementation, and is distributed under the BSD License

See [http://pajhome.org.uk/crypt/md5](http://pajhome.org.uk/crypt/md5) for more info.

Thanks to [Ian Young](http://www.iangreenleaf.com/) for his [suggestion to represent color components in 4-bits](http://blog.iangreenleaf.com/2009/08/making-chroma-hash-less-leaky.html) to increase overall security.

## Contact

Mattt ([@mattt](https://twitter.com/mattt))

## License

Chroma-Hash is released under the MIT license. 

See the LICENSE file for more info.