Ressourcen: 137 HTML Farbnamen - Kombination von Farbe indianred und Farbwert #adff2f

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.

Hintergrundfarbe indianred			Schriftfarbwert #adff2f
Detail	:	Hintergrund indianred	Detail	:	Schrift #adff2f
Farbe	:	indianred	Farbwert	:	#adff2f
Farbwert	:	#cd5c5c	Farbe	:	greenyellow
HTML	:	indianred	HTML	:	#adff2f
HTML (Wert)	:	#cd5c5c	HTML (Wert)	:	#adff2f
CSS	:	indianred	CSS	:	#adff2f
CSS (Wert)	:	#cd5c5c	CSS (Wert)	:	#adff2f
CSS (kürzest)	:	#cd5c5c	CSS (kürzest)	:	#adff2f
CSS (RGB)	:	rgb(205,92,92)	CSS (RGB)	:	rgb(173,255,47)
CSS (%RGB)	:	rgb(80%,36%,36%)	CSS (%RGB)	:	rgb(67%,100%,18%)

Verlauf Hintergrundfarbe indianred nach Schriftfarbwert #adff2f
#cd5c5c	#c87355	#c38a4f	#bfa148	#bab942	#b6d03b	#b1e735	#adff2f
#cd5c5c	#c87355	#c38a4f	#bfa148	#bab942	#b6d03b	#b1e735	#adff2f

Kombination von indianred und #adff2f
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit der Farben #adff2f und indianred beträgt 84.56%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 15.44%. Auf Hintergrund indianred ist #adff2f ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

Hintergrundfarbe indianred				Schriftfarbwert #adff2f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c	#adff2f	#adff2f	#adff2f	#adff2f
#d47373	#d47373	#af4e4e	#af4e4e	#b8ff4c	#b8ff4c	#94da28	#94da28
#db8a8a	#db8a8a	#924141	#924141	#c4ff6a	#c4ff6a	#7bb621	#7bb621
#e2a1a1	#e2a1a1	#753434	#753434	#d0ff88	#d0ff88	#62911a	#62911a
#e9b9b9	#e9b9b9	#572727	#572727	#dbffa5	#dbffa5	#4a6d14	#4a6d14
#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a	#e7ffc3	#e7ffc3	#31480d	#31480d
#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d	#f3ffe1	#f3ffe1	#182406	#182406
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe indianred und Farbwert #adff2f

Wechsel der Hintergrundfarbe bei Hover bei Tag p

Die Hintergrundfarbe soll sich von Farbe indianred auf Farbwert #adff2f ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst die Formatierung von <p> in Farbe indianred vor.

Wir setzen hier bei <p> die Hintergrundfarbe auf Farbe indianred. Zwar lassen wir die Textfarbe unverändert, ändern jedoch die Schriftart auf sans-serif:

<style type="text/css"><!--
  p { 
    font-family: sans-serif; 
    background-color: indianred;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #adff2f ändert.

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

Weiteres zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten vom HTML-Befehl p sind in der HTML Referenz unter <p> ausführlich beschrieben.

Wechsel der Textfarbe bei Hover mit HTML-Tag blockquote

Die Textfarbe soll sich von Farbe indianred auf Farbwert #adff2f ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst die Darstellung von <blockquote> in Farbe indianred vor.

Wir legen zum Beispiel bei <blockquote> die Textfarbe auf Farbe indianred fest. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf courier new und ändern die Größe der Schrift auf 13px:

<style type="text/css"><!--
  blockquote { 
    color:indianred; 
    font-family:courier new; 
    font-size:13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #adff2f geändert wird.

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

Mehr zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum hier gezeigten HTML-Befehl blockquote erfahren Sie in der HTML Referenz unter <blockquote>.