ErstesWeb Anleitung

online Handbuch für das CMS System ErstesWeb.

online, handbuch, benutzerhandbuch, dokumentation, bedienungshandbuch, bedienungsanleitung, erstesweb, cms, beschreibung, tips und tricks, erklärungen, benutzerhilfe, manual, anwenderbuch, systemhandbuch, anwenderhandbuch, doku, einführung, technisches, einstellungen, erste schritte, hilfe, programmbeschreibung, leitfaden, deutches, onlineanleitung, lernbuch, werkzeuge, produkt übersicht, bedienung, anleitung

 

Umgang mit Farben

Obwohl viele Anbieter noch ihr Web für eine 256-Farben-Darstel-lung gestaltet haben, empfehlen wir, hier keine Einschränkungen mehr vorzunehmen.

Machen Sie sich also keine Gedanken und verwenden Sie alle Farben, die Ihr Computer hergibt - es ist Stand der Technik.

Über die Farblehre kann man Bücher schreiben, deshalb beschränken wir uns hier auf ganz pragmatische Kenntnisse, die Sie wissen sollten, um mit den Farben im Internet zurecht zu kommen.

1. Wir haben es im Internet nur mit dem RGB-Farbmodell zu tun.

Das RGB-Modell weist jedem Pixel einen Intensitätswert zwischen 0 (Schwarz) und 255 (Weiß) für die einzelnen RGB-Komponenten in einem Farbbild zu.

Beträgt der Wert aller drei Farben 255, wird reines Weiß angezeigt und bei einem Wert von  0 für alle drei Farben Schwarz. Haben alle drei Farben denselben Wert (zwischen 1 und 254), ist die Mischfarbe Grau.

Eine hellrote Farbe kann z. B. einen R-Wert von 246, einen G-Wert von 20 und einen B-Wert von 50 haben. Wenn die Werte aller drei Komponenten gleich sind, ergibt dies ein neutrales Grau. Beträgt der Wert aller Komponenten 255, entsteht reines Weiß und bei einem Wert von 0 reines Schwarz.

 

Die Farbzahl errechnet sich durch die Multiplikation der Farb-werte (weiß = 256 x 256 x 256 = 16.777.216 [255+Schwarz])

2. Ein anderes Zahlensystem

Oft haben Sie bereits Farben gekennzeichnet gesehen mit der kryptischen Bezeichnung: #914500 oder #FCCCA0. Auch dies ist eine RGB-Farbbezeichnung, allerdings in Hexadezimal. Für die Interessierten unter Ihnen ist weiter unten im Abschnitt Hexadezimal das Zahlensystem erläutert.

Erklärung:

#  8C  7D  FF

#  FF  45  2B

#  88  88  88

Farbe:

██

████

████

Farbwert:

 R   G   B 

R   G   B

R   G   B

Dezimal:

8  199  223

255  69  43

136  136  136

3. Einige Beispiele sagen mehr als tausend Worte.

 

 

Cyan

Blau

Magenta

Rot

Gelb

Grün

Mischfarbe Blau

Mischfarbe Braun

Dezimal

0

0

255

255

255

0

140

125

  R

255

0

0

0

255

255

125

15

  G

255

255

255

0

0

0

255

0

  B

Hexadezimal

0

0

255

255

255

0

8C

7D

  R

255

0

0

0

255

255

7D

0F

 

255

255

255

0

0

0

FF

00

  B

 

Hexadezimal

hexWir rechnen täglich mit dem '10-er-System' und machen uns keine Gedanken, dass es eigentlich Exponential-Funktionen sind, die wir benutzen. Aber keine Angst, wir werden nicht in die "höhere Mathematik" eintauchen, sondern versuchen, hexadezimal so einfach wie möglich zu erkären:

Das Hexadezimal-System ist ein Zahlensystem zur Zahlenbasis 16 und kennt die Ziffern 0-9 und A-F. Die Zahlen A-F entsprechen den Zahlenwerten 10-15. Die einzelnen Stellenwerte des Hexa-dezimalsystems werden durch entsprechende 16er-Potenzen gebildet.

Der Begriff ist ein Kunstwort und lehnt sich an griechische Termini. Das Zahlensystem zur Basis 16 heißt korrekt Sedezimalsystem. Verwendet wird jedoch meist Hexadezimalsystem oder kurz Hex (z.B. Hex 4B2).

Das Zahlensystem zur Basis 16 bezeichnet man auch als 'maschinennah', da es sehr gut mit dem Binär-System (0 und 1) unserer PCs harmoniert.

Richtig rechnen müssen wir nicht, aber die folgenden Tabellen ergeben einen kleinen Überblick, wie man rechnen könnte.

Hexadezimal

0

1

2

3

4

5

6

7

8

9

A

B

C

D

E

F

Dezimal

0

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

Der Vergleich zum Dezimalsystem:

(zur Erinnerung 100 = 1, jede Basis mit dem Exponenten 0 = 1)

Wertigkeit

 

Tausender

Hunderter

Zehner

Einer

Dezimal

103

102

101

100

Formel

103 * Zahl

102 * Zahl

101 * Zahl

100 * Zahl

z.B.: 3482

 

103*3

102*4

101*8

100*2

Ergebnis:

 

3000 +

400 +

80 +

2

Beispiel:                                   2FFB

Hex:

 

163

162

161

 160

Formel

163 * Zahl

162 * Zahl

161 * Zahl

160 * Zahl

Dezimal

4096 * 2

256 * 15

16 * 15

1 * 11

Addieren

8192 +

3840 +

240 +

11

Stellen

 

4. Stelle

3. Stelle

2. Stelle

1.Stelle

Ergebnis:                                 12.283

Es bestehen nun keine Probleme mehr, Hex-Farbwerte zu begreifen:

1. Werte, die drei gleiche Zahlen aufweisen wie 66 66 66 sind immer graue "Farben".
2. Werte wie FF sind immer volle Farben, (denn F ist viel und 8 ist ungefähr die Hälfte und 0 ist wie immer 'nix')
3.

Umrechnung klappt auch im Kopf z.B. FC ist:

C = 12 (1. Stelle)   +   F = 15 * 161 (2. Stelle) = 240

= 252, also eine 'satte' Farbe.

Kurz erklärt

Farbauflösung:

Moderne Gafikkarten können in der Regel 16,7 Mil. Farben anzeigen.

Anfänglich konnten die ersten Computer-Grafikkar-ten nur 16 Farben darstel-len. Dies wurde schnell auf 256 und anschließend auf ca. 65.000 Farben erwei-tert.

Farbraum:

Der Farb-raum be-zeichnet die Fülle an Far-ben, die in einem System zur Verfügung ste-hen (Farbumfang). So las-sen sich z. B. nicht alle Farben, die Sie auf Ihrem Bildschirm sehen auch druk-ken. Der Farbraum des Bild-schirms (RGB = rot, grün, blau) ist anders als der von den druckbaren Farben (CMYK = cyan, magenta, gelb [yellow] Helligkeitswert ).

Farbumfang:

1 =  Lab

2 =  RGB

3 =  CMYK

Als Farb-bereich be-zeichnet man den Farbum-fang, den ein Farbsystem anzeigen oder drucken kann. Das Farbspektrum, das das menschliche Auge wahrnehmen kann, ist brei-ter als der Farbumfang der einzelnen Farbmodelle.

Hilfsmittel

html-Farb-Manager:

Zweck

Oft benötigt man einen Farbwert, der irgendwo in einem Dokument oder auf einer html-Seite zu sehen ist.

ErstesWEB bietet ein

 freies Programm.

Neben den anderen nütz-lichen Funktionalitäten ist die Farb-Pipette-Funktion besonders hervorzuheben.

Es lassen sich Farbverläufe erstellen, Vorder-/Hinter-grundfarben vergleichen, Hex-Angabe der Farben ablesen oder eingeben usw.

Mit Klick auf das Pipette-Icon öffnet sich die Farb-Pipette.

Pixelgenau lässt sich die Farbe aufnehmen und die Hex-Farbinformation in ErstesWEB übernehmen.

Weitere Information finden Sie im Handbuch.