Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dda0dd und Farbe orangered

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #dda0dd			Schriftfarbe orangered
Detail	:	Hintergrund #dda0dd	Detail	:	Schrift orangered
Farbwert	:	#dda0dd	Farbe	:	orangered
Farbe	:	plum	Farbwert	:	#ff4500
HTML	:	#dda0dd	HTML	:	orangered
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#ff4500
CSS	:	#dda0dd	CSS	:	orangered
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#ff4500
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#ff4500
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(255,69,0)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(100%,27%,0%)

Verlauf Hintergrundfarbwert #dda0dd nach Schriftfarbe orangered
#dda0dd	#e193bd	#e6869d	#eb797e	#f06c5e	#f55f3f	#fa521f	#ff4500
#dda0dd	#e193bd	#e6869d	#eb797e	#f06c5e	#f55f3f	#fa521f	#ff4500

Kombination von #dda0dd und orangered
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #dda0dd ist orangered ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von orangered und #dda0dd beträgt 92.08%. Die Lesbarkeit dieser Kombination liegt damit bei 7.92%.

Hintergrundfarbwert #dda0dd				Schriftfarbe orangered
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#ff4500	#ff4500	#ff4500	#ff4500
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#ff5f24	#ff5f24	#da3b00	#da3b00
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#ff7a48	#ff7a48	#b63100	#b63100
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#ff946d	#ff946d	#912700	#912700
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#ffaf91	#ffaf91	#6d1d00	#6d1d00
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#ffc9b6	#ffc9b6	#481300	#481300
#faf1fa	#faf1fa	#1f161f	#1f161f	#ffe4da	#ffe4da	#240900	#240900
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dda0dd und Farbe orangered

Text- und Unterstreichungsfarben bei HTML-Tag a

Mit Befehl <a> wird ein Link gesetzt. Diesen kann man farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbe orangered. Die Schriftart setzen wir auf verdana. Die Schriftgröße ändern wir auf 9pt. Wir unterstreichen den Inhalt von <a> mit Hilfe eines einfallenden Rahmens mit 3 Punkte Dicke in Farbwert #dda0dd. Mit HTML ist das kaum möglich. Daher verwenden wir CSS.

<style type="text/css"><!--
  a { 
    border-bottom:3pt inset #dda0dd; 
    font-size:9pt; 
    font-family:verdana; 
    color:orangered;
  }
//-->
</style>

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Einzelheiten vom Tag <a>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl h4

Eine Überschrift der 4. Stufe wird mit Tag <h4> gesetzt und kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #dda0dd auf Farbe orangered ändern, wenn man mit der Maus auf <h4> zeigt. Wir bereiten zunächst eine Formatierung von <h4> in Farbwert #dda0dd vor.

Für dieses Beispiel legen wir bei <h4> die Hintergrundfarbe auf Farbwert #dda0dd fest.

<style type="text/css"><!--
  h4 { 
    background-color:#dda0dd;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf orangered geändert wird.

<style type="text/css"><!--
  h4:hover { 
    background-color:orangered;
  }
//-->
</style>

Weiteres zu h4 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Der HTML-Befehl h4 ist in der HTML Referenz unter <h4> ausführlich beschrieben.