Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #dda0dd und Farbwert #fdf5e6

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #dda0dd			Schriftfarbwert #fdf5e6
Detail	:	Hintergrund #dda0dd	Detail	:	Schrift #fdf5e6
Farbwert	:	#dda0dd	Farbwert	:	#fdf5e6
Farbe	:	plum	Farbe	:	oldlace
HTML	:	#dda0dd	HTML	:	#fdf5e6
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#fdf5e6
CSS	:	#dda0dd	CSS	:	#fdf5e6
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbwert #dda0dd nach Schriftfarbwert #fdf5e6
#dda0dd	#e1acde	#e6b8df	#eac4e0	#efd0e2	#f3dce3	#f8e8e4	#fdf5e6
#dda0dd	#e1acde	#e6b8df	#eac4e0	#efd0e2	#f3dce3	#f8e8e4	#fdf5e6

Kombination von #dda0dd und #fdf5e6
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#fdf5e6 eignet sich nicht als Schriftfarbe auf Hintergrund #dda0dd. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #fdf5e6 und #dda0dd ergibt sich zu 90.90%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.10%.

Hintergrundfarbwert #dda0dd				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#fdf9f0	#fdf9f0	#908c83	#908c83
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#fefaf4	#fefaf4	#6c6962	#6c6962
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#fefcf7	#fefcf7	#484641	#484641
#faf1fa	#faf1fa	#1f161f	#1f161f	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dda0dd und Farbwert #fdf5e6

Wechsel der Hintergrundfarbe bei Hover mit Tag option

Die Hintergrundfarbe soll sich von Farbwert #dda0dd auf Farbwert #fdf5e6 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <option> in Farbwert #dda0dd vor.

Wir legen hier bei <option> die Hintergrundfarbe auf Farbwert #dda0dd fest und erhöhen die Schriftgröße auf 126%:

<style type="text/css"><!--
  option { 
    background-color: #dda0dd; 
    font-size: 126%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #fdf5e6 geändert wird.

<style type="text/css"><!--
  option:hover { 
    background-color:#fdf5e6;
  }
//-->
</style>

Mehr zum Thema option können Sie in Formulare in HTML lesen. Zur Beschreibung vom Tag <option>.

Text- und Unterstreichungsfarben mit HTML-Tag h3

Eine Überschrift setzen Sie mit HTML-Befehl <h3>. Diese können Sie farblich gestalten.

Hier ändern wir die Textfarbe von <h3> auf Farbwert #fdf5e6. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines gezahnten Rahmens mit 3 Punkte Dicke in Farbwert #dda0dd. Mit HTML ist das nicht möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h3 { 
    font-size: 13px; 
    font-family: monospace; 
    border-bottom: 3pt ridge #dda0dd; 
    color: #fdf5e6;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der hier verwendete HTML-Befehl h3 ist in der HTML Referenz unter <h3> genau beschrieben.