https://www.etikettenwissen.de/index.php?title=HSB&feed=atom&action=historyHSB - Versionsgeschichte2024-03-29T13:04:19ZVersionsgeschichte dieser Seite in EtikettenwissenMediaWiki 1.35.0https://www.etikettenwissen.de/index.php?title=HSB&diff=7871&oldid=prevSWimschneider am 24. August 2018 um 13:29 Uhr2018-08-24T13:29:19Z<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 24. August 2018, 13:29 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l27" >Zeile 27:</td>
<td colspan="2" class="diff-lineno">Zeile 27:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Aufgeteilt in eine Achse für die einzelnen Farbtöne und einem Quadrat für Sättigung und Helligkeit, bietet das HSB-System so größte Flexibilität bei der Auswahl der gewünschten Farbe. Welche HSB-Farben man genau ausgewählt hat, kann man dann neben der Farbleiste ablesen und Farbton, Sättigung und Helligkeit mit Winkelmaß und Prozentangaben weiterkommunizieren.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Aufgeteilt in eine Achse für die einzelnen Farbtöne und einem Quadrat für Sättigung und Helligkeit, bietet das HSB-System so größte Flexibilität bei der Auswahl der gewünschten Farbe. Welche HSB-Farben man genau ausgewählt hat, kann man dann neben der Farbleiste ablesen und Farbton, Sättigung und Helligkeit mit Winkelmaß und Prozentangaben weiterkommunizieren.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:<del class="diffchange diffchange-inline">Gesetze und Normen</del>]]</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:<ins class="diffchange diffchange-inline">Herstellung</ins>]]</div></td></tr>
</table>SWimschneiderhttps://www.etikettenwissen.de/index.php?title=HSB&diff=7774&oldid=prevOmnisciens23: /* Beispiel: Adobe Photoshop – Farbwähler */2018-06-12T07:41:32Z<p><span dir="auto"><span class="autocomment">Beispiel: Adobe Photoshop – Farbwähler</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 12. Juni 2018, 07:41 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l26" >Zeile 26:</td>
<td colspan="2" class="diff-lineno">Zeile 26:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Aufgeteilt in eine Achse für die einzelnen Farbtöne und einem Quadrat für Sättigung und Helligkeit, bietet das HSB-System so größte Flexibilität bei der Auswahl der gewünschten Farbe. Welche HSB-Farben man genau ausgewählt hat, kann man dann neben der Farbleiste ablesen und Farbton, Sättigung und Helligkeit mit Winkelmaß und Prozentangaben weiterkommunizieren.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Aufgeteilt in eine Achse für die einzelnen Farbtöne und einem Quadrat für Sättigung und Helligkeit, bietet das HSB-System so größte Flexibilität bei der Auswahl der gewünschten Farbe. Welche HSB-Farben man genau ausgewählt hat, kann man dann neben der Farbleiste ablesen und Farbton, Sättigung und Helligkeit mit Winkelmaß und Prozentangaben weiterkommunizieren.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Kategorie:Gesetze und Normen]]</ins></div></td></tr>
</table>Omnisciens23https://www.etikettenwissen.de/index.php?title=HSB&diff=7690&oldid=prevSWimschneider am 13. April 2018 um 14:13 Uhr2018-04-13T14:13:22Z<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 13. April 2018, 14:13 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4" >Zeile 4:</td>
<td colspan="2" class="diff-lineno">Zeile 4:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Das Farbsystem==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Das Farbsystem==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Alle Farben des '''HSB-Farbraums''' werden anhand ihrer Grundeigenschaften '''Farbton, Sättigung und Helligkeit''' beschrieben.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Alle Farben des '''HSB-Farbraums''' werden anhand ihrer Grundeigenschaften '''Farbton, Sättigung und Helligkeit''' beschrieben.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==Farbton (Hue)==</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">=</ins>==Farbton (Hue)<ins class="diffchange diffchange-inline">=</ins>==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Der '''Farbton''' innerhalb des HSB-Systems wird meist als zweidimensionaler Farbkreis dargestellt, auf dem die einzelnen Grundfarben und alle Nuancen dazwischen bei einem gewissen Winkelmaß angeordnet werden, das sich zwischen 0° und 359° bewegt.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Der '''Farbton''' innerhalb des HSB-Systems wird meist als zweidimensionaler Farbkreis dargestellt, auf dem die einzelnen Grundfarben und alle Nuancen dazwischen bei einem gewissen Winkelmaß angeordnet werden, das sich zwischen 0° und 359° bewegt.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==Sättigung (Saturation)==</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">=</ins>==Sättigung (Saturation)<ins class="diffchange diffchange-inline">=</ins>==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die '''Sättigung''' zeigt an, wie intensiv oder schwach eine Farbe ist und wie viel '''Grauanteil''' sie besitzt. Hat eine Farbe beispielsweise eine geringe Sättigung, wird die Farbe als matt und schwach wahrgenommen. Wenn die Sättigung dagegen hoch ist, sehen wir die Farbe als kräftig und intensiv.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die '''Sättigung''' zeigt an, wie intensiv oder schwach eine Farbe ist und wie viel '''Grauanteil''' sie besitzt. Hat eine Farbe beispielsweise eine geringe Sättigung, wird die Farbe als matt und schwach wahrgenommen. Wenn die Sättigung dagegen hoch ist, sehen wir die Farbe als kräftig und intensiv.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Auf dem Farbkreis lässt sich die Sättigung einer Farbe daran erkennen, wie weit diese vom äußeren Rand des Kreises entfernt ist. Befindet sich eine Farben sehr weit innen auf der Kreisoberfläche, ist es eine schwache Farbe mit geringer Sättigung. Am Rand des Kreises besitzen die Farben dagegen eine hohe Sättigung. Die '''Sättigung einer Farbe''' wird mittels eines Prozentwerts zwischen 0 und 100 angegeben.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Auf dem Farbkreis lässt sich die Sättigung einer Farbe daran erkennen, wie weit diese vom äußeren Rand des Kreises entfernt ist. Befindet sich eine Farben sehr weit innen auf der Kreisoberfläche, ist es eine schwache Farbe mit geringer Sättigung. Am Rand des Kreises besitzen die Farben dagegen eine hohe Sättigung. Die '''Sättigung einer Farbe''' wird mittels eines Prozentwerts zwischen 0 und 100 angegeben.</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>==Helligkeit (Brightness)==</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">=</ins>==Helligkeit (Brightness)<ins class="diffchange diffchange-inline">=</ins>==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die Helligkeit einer '''HSB-Farbe''' gibt an, wie viel Schwarzanteil sie besitzt und damit ob die Farbe getrübt ist oder aufgehellt wurde. Auch hier wird ein Prozentwert zur Beschreibung des Werts genutzt.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die Helligkeit einer '''HSB-Farbe''' gibt an, wie viel Schwarzanteil sie besitzt und damit ob die Farbe getrübt ist oder aufgehellt wurde. Auch hier wird ein Prozentwert zur Beschreibung des Werts genutzt.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l20" >Zeile 20:</td>
<td colspan="2" class="diff-lineno">Zeile 20:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Beispiel: Adobe Photoshop – Farbwähler==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Beispiel: Adobe Photoshop – Farbwähler==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Eine bekannte Anwendung des HSB-Systems in abgewandelter Form ist der integrierte Farbwähler der Software Adobe Photoshop.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Eine bekannte Anwendung des HSB-Systems in abgewandelter Form ist der integrierte Farbwähler der Software Adobe Photoshop.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:HSB-Farbsystem.png|center|612px|HSB Farbsystem]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Datei:HSB-Farbsystem.png|center|612px|HSB Farbsystem]]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Aufgeteilt in eine Achse für die einzelnen Farbtöne und einem Quadrat für Sättigung und Helligkeit, bietet das HSB-System so größte Flexibilität bei der Auswahl der gewünschten Farbe. Welche HSB-Farben man genau ausgewählt hat, kann man dann neben der Farbleiste ablesen und Farbton, Sättigung und Helligkeit mit Winkelmaß und Prozentangaben weiterkommunizieren.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Aufgeteilt in eine Achse für die einzelnen Farbtöne und einem Quadrat für Sättigung und Helligkeit, bietet das HSB-System so größte Flexibilität bei der Auswahl der gewünschten Farbe. Welche HSB-Farben man genau ausgewählt hat, kann man dann neben der Farbleiste ablesen und Farbton, Sättigung und Helligkeit mit Winkelmaß und Prozentangaben weiterkommunizieren.</div></td></tr>
</table>SWimschneiderhttps://www.etikettenwissen.de/index.php?title=HSB&diff=7689&oldid=prevSWimschneider am 13. April 2018 um 14:11 Uhr2018-04-13T14:11:00Z<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="de">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 13. April 2018, 14:11 Uhr</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l20" >Zeile 20:</td>
<td colspan="2" class="diff-lineno">Zeile 20:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Beispiel: Adobe Photoshop – Farbwähler==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==Beispiel: Adobe Photoshop – Farbwähler==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Eine bekannte Anwendung des HSB-Systems in abgewandelter Form ist der integrierte Farbwähler der Software Adobe Photoshop.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Eine bekannte Anwendung des HSB-Systems in abgewandelter Form ist der integrierte Farbwähler der Software Adobe Photoshop.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Datei:HSB-Farbsystem.png|center|612px|HSB Farbsystem]]</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Aufgeteilt in eine Achse für die einzelnen Farbtöne und einem Quadrat für Sättigung und Helligkeit, bietet das HSB-System so größte Flexibilität bei der Auswahl der gewünschten Farbe. Welche HSB-Farben man genau ausgewählt hat, kann man dann neben der Farbleiste ablesen und Farbton, Sättigung und Helligkeit mit Winkelmaß und Prozentangaben weiterkommunizieren.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Aufgeteilt in eine Achse für die einzelnen Farbtöne und einem Quadrat für Sättigung und Helligkeit, bietet das HSB-System so größte Flexibilität bei der Auswahl der gewünschten Farbe. Welche HSB-Farben man genau ausgewählt hat, kann man dann neben der Farbleiste ablesen und Farbton, Sättigung und Helligkeit mit Winkelmaß und Prozentangaben weiterkommunizieren.</div></td></tr>
</table>SWimschneiderhttps://www.etikettenwissen.de/index.php?title=HSB&diff=7686&oldid=prevSWimschneider: Die Seite wurde neu angelegt: „'''HSB''' ist ein Farbsystem, das Farben mithilfe ihrer drei Grundeigenschaften beschreibt. Sämtliche Farben können anhand ihres '''Farbtons''' (Hue), ihrer…“2018-04-13T13:54:25Z<p>Die Seite wurde neu angelegt: „'''HSB''' ist ein Farbsystem, das Farben mithilfe ihrer drei Grundeigenschaften beschreibt. Sämtliche Farben können anhand ihres '''Farbtons''' (Hue), ihrer…“</p>
<p><b>Neue Seite</b></p><div>'''HSB''' ist ein Farbsystem, das Farben mithilfe ihrer drei Grundeigenschaften beschreibt. Sämtliche Farben können anhand ihres '''Farbtons''' (Hue), ihrer '''Sättigung''' (Saturation) und ihrer '''Helligkeit''' (Brightness) genau bestimmt und so in das HSB-System eingeordnet werden. <br />
==Entstehung==<br />
Das HSB-Farbsystem wurde 1978 von A. R. Smith entwickelt, der Farben anhand des Farbkreises nach Goethe einordnen und – unabhängig von der '''individuellen Farbwahrnehmung''' – beschreibbar machen wollte. Damals hieß das System '''HSV''' – nach den Werten Hue, Saturation und Value (Wert). Mit der Zeit entwickelte sich allerdings der Alternativname HSB, der heute synonym zu HSV genutzt wird.<br />
==Das Farbsystem==<br />
Alle Farben des '''HSB-Farbraums''' werden anhand ihrer Grundeigenschaften '''Farbton, Sättigung und Helligkeit''' beschrieben.<br />
==Farbton (Hue)==<br />
Der '''Farbton''' innerhalb des HSB-Systems wird meist als zweidimensionaler Farbkreis dargestellt, auf dem die einzelnen Grundfarben und alle Nuancen dazwischen bei einem gewissen Winkelmaß angeordnet werden, das sich zwischen 0° und 359° bewegt.<br />
==Sättigung (Saturation)==<br />
Die '''Sättigung''' zeigt an, wie intensiv oder schwach eine Farbe ist und wie viel '''Grauanteil''' sie besitzt. Hat eine Farbe beispielsweise eine geringe Sättigung, wird die Farbe als matt und schwach wahrgenommen. Wenn die Sättigung dagegen hoch ist, sehen wir die Farbe als kräftig und intensiv.<br />
<br />
Auf dem Farbkreis lässt sich die Sättigung einer Farbe daran erkennen, wie weit diese vom äußeren Rand des Kreises entfernt ist. Befindet sich eine Farben sehr weit innen auf der Kreisoberfläche, ist es eine schwache Farbe mit geringer Sättigung. Am Rand des Kreises besitzen die Farben dagegen eine hohe Sättigung. Die '''Sättigung einer Farbe''' wird mittels eines Prozentwerts zwischen 0 und 100 angegeben.<br />
==Helligkeit (Brightness)==<br />
Die Helligkeit einer '''HSB-Farbe''' gibt an, wie viel Schwarzanteil sie besitzt und damit ob die Farbe getrübt ist oder aufgehellt wurde. Auch hier wird ein Prozentwert zur Beschreibung des Werts genutzt.<br />
<br />
Während Farbton und Sättigung noch auf einem '''zweidimensionalen Farbkreis''' Platz gefunden haben, kommt für die Helligkeit eine weitere Dimension hinzu, die dem '''HSB-Farbkörper''' sein charakteristisches Aussehen geben. Meist findet man Abbildungen des HSB-Farbkörpers als Zylinder oder als umgedrehter Kegel.<br />
==Wofür wird das HSB-Farbsystem verwendet?==<br />
HSB ist eine '''Transformation des RGB-Farbraums''' und wird vor allem für die '''Farbdarstellung auf Monitoren''' und Displays genutzt. Ein großer Nachteil des einfachen RGB-Systems, das normalerweise für solche Geräte genutzt wird, ist der feste Zusammenhang zwischen dem Farbton einer Farbe und seinen anderen Grundeigenschaften. Möchte man per RGB eine bestimmte Farbe heller oder dunkler machen, muss man dafür auch die Anteile der einzelnen Grundfarben verändern und erhält somit immer einen leicht anderen Farbton.<br />
<br />
Das '''HSB-System''' stellt die drei Grundeigenschaften einer Farbe unabhängig voneinander dar und bietet somit die Möglichkeit, die Sättigung einer Farbe zu ändern, auch ohne den eigentlichen Farbton zu verändern. Besonders für Grafikgestaltungsprogramme ist dies ein großer Vorteil, weshalb solche Software immer das '''HSB- oder das HSL-System''' unterstützt.<br />
==Beispiel: Adobe Photoshop – Farbwähler==<br />
Eine bekannte Anwendung des HSB-Systems in abgewandelter Form ist der integrierte Farbwähler der Software Adobe Photoshop.<br />
<br />
Aufgeteilt in eine Achse für die einzelnen Farbtöne und einem Quadrat für Sättigung und Helligkeit, bietet das HSB-System so größte Flexibilität bei der Auswahl der gewünschten Farbe. Welche HSB-Farben man genau ausgewählt hat, kann man dann neben der Farbleiste ablesen und Farbton, Sättigung und Helligkeit mit Winkelmaß und Prozentangaben weiterkommunizieren.</div>SWimschneider