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: |
|
| Danke: |
Das Skript ist kostenfrei. - Der Autor freut sich jedoch trotzdem über Spenden jeglicher Art (Dankesmails, Backlinks, Baby-Votes, Spenden,...).
|