JavaScript Color-Translator

Tranlate RGB to HSV/HSL and vice versa dynamically via JavaScript!

Was sind RGB und HSV/HSL? RGB und HSV/HSL stellen, vereinfacht gesagt, Farben dar.
  • RGB ist ein additives Farbmodell, welches eine Farbe über den Anteil der Grundfarben Rot, Grün und Blau definiert.
  • HSV hingegen definiert eine Farbe mit Hilfe des Farbtons (hue), der Sättigung (saturation) und dem Grauwert (value).
  • HSL definiert die Farbe ähnlich wie HSV jedoch wird der Grauwert (value) durch einen Hellichkeitswert (lightness) ersetzt.
Wieso gibt es den Color-Translator? Zur Beantwortung dieser Frage stelle ich eine Gegenfrage: Welcher Webentwickler hat sich noch nie gewünscht, die RGB-Werte eines bestimmten Farbtones in unterschiedlichen Nuancen ohne zusätzliche Software zu erhalten? Oder noch besser: Wer hat sich noch nie gewünscht einen Farbverlauf dynamisch (ohne Grafiken) darstellen zu können?

Wer sich einmal damit beschäftigt hat, stellt schnell fest, dass man diese Anforderungen mit dem RGB-Farbmodell nicht oder nur schwer lösen kann. Mit den Farbmodellen HSV bzw. HSL hingegen ist es möglich Farbnuancen graduell anzupassen.

Leider habe ich bei meinen Recherchen keine geeignete JavaScript-Bibliothek gefunden, die die Umwandlung von RGB nach HSV/HSL und umgekehrt bewätigt. Der JavaScript Color-Translator überbrückt genau diese Lücke.
Anforderungen: Folgende Funktionen sollen vorhanden sein:
- RGB -> HSV
- HSV -> RGB
- RGB -> HSL
- HSL -> RGB
- Funktionen zum Setzen der Sättigungs- und Hellichkeitswerte
- Funktion zum Ermitteln einer Komplementärfarbe
- Funktion zum Ermitteln aller Farben eines Farbkreises
Infos:
Author:   Axel Schneider
Version:   1.3 (20.07.2007)
Demos:   Wie siehts aus?
Wie gehts?
Was sagt die Performance?
Download:   JavaScript-Quellcode
Fehler:   Fehler oder Feature?
Links:   PHP-Resource.de  WebHilfe.info  ScriptDungeon.com  DreamCodes.biz 
JS-Skripte:   Ajax like DivViewer  JS-Buzzwords
PHP-Skripte:   PHP-ResourceManager
Translate:  
Danke: Das Skript ist kostenfrei. - Der Autor freut sich jedoch trotzdem über Spenden jeglicher Art (Dankesmails, Backlinks, Baby-Votes, Spenden,...).