Ressourcen: 16 Graustufen in HTML - Kombination von Farbwert #111111 und Farbwert #dddddd

Graustufen enthalten insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 16 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 15 (d.h. hexadezimal 0 bis f) für r, g und b.

Hintergrundfarbwert #111111			Schriftfarbwert #dddddd
Detail	:	Hintergrund #111111	Detail	:	Schrift #dddddd
Farbwert	:	#111111	Farbwert	:	#dddddd
Farbe	:	gray17	Farbe	:	gray221
HTML	:	#111111	HTML	:	#dddddd
HTML (Wert)	:	#111111	HTML (Wert)	:	#dddddd
CSS	:	#111111	CSS	:	#dddddd
CSS (Wert)	:	#111111	CSS (Wert)	:	#dddddd
CSS (kürzest)	:	#111	CSS (kürzest)	:	#ddd
CSS (RGB)	:	rgb(17,17,17)	CSS (RGB)	:	rgb(221,221,221)
CSS (%RGB)	:	rgb(6%,6%,6%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbwert #111111 nach Schriftfarbwert #dddddd
#111111	#2e2e2e	#4b4b4b	#686868	#858585	#a2a2a2	#bfbfbf	#dddddd
#111111	#2e2e2e	#4b4b4b	#686868	#858585	#a2a2a2	#bfbfbf	#dddddd

Kombination von #111111 und #dddddd
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #dddddd und #111111 ergibt sich zu 33.80%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 66.20%. #dddddd eignet sich als Schriftfarbe auf Hintergrund #111111. Unterschied in den Helligkeiten und Unterschied in den Farben sind gut.

Hintergrundfarbwert #111111				Schriftfarbwert #dddddd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#111111	#111111	#111111	#111111	#dddddd	#dddddd	#dddddd	#dddddd
#333333	#333333	#0e0e0e	#0e0e0e	#e1e1e1	#e1e1e1	#bdbdbd	#bdbdbd
#555555	#555555	#0c0c0c	#0c0c0c	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#777777	#777777	#090909	#090909	#ebebeb	#ebebeb	#7e7e7e	#7e7e7e
#999999	#999999	#070707	#070707	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#bbbbbb	#bbbbbb	#040404	#040404	#f5f5f5	#f5f5f5	#3f3f3f	#3f3f3f
#dddddd	#dddddd	#020202	#020202	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #111111 und Farbwert #dddddd

Wechsel der Textfarbe bei Hover von HTML-Befehl div

Einen Kontainer erzeugen Sie mit Tag <div> und kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #111111 auf Farbwert #dddddd ändern, wenn man mit der Maus auf <div> zeigt. Wir bereiten zunächst die Formatierung von <div> in Farbwert #111111 vor.

Wir legen als Beispiel Farbwert #111111 als Textfarbe von <div> fest.

<style type="text/css"><!--
  div { 
    color:#111111;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu #dddddd ändert.

<style type="text/css"><!--
  div:hover { 
    color:#ddd;
  }
//-->
</style>

Weiteres zum HTML-Tag div finden Sie in der HTML Referenz unter <div>.

Füllen und Umranden bei Befehl iframe

In diesem Beispiel umranden wir <iframe> mit einem einfallenden, 2 Punkte dicken Rahmen in Farbwert #dddddd . Den Hintergrund von <iframe> färben wir mit Farbwert #111111. Das geht in HTML kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  iframe { 
    background-color:#111111; 
    border-style:inset; 
    border-width:2pt; 
    border-color:#dddddd;
  }
//-->
</style>

Möglichkeiten des hier gezeigten Befehl <iframe>.