Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #a52a2a und Farbe violet

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 #a52a2a			Schriftfarbe violet
Detail	:	Hintergrund #a52a2a	Detail	:	Schrift violet
Farbwert	:	#a52a2a	Farbe	:	violet
Farbe	:	brown	Farbwert	:	#ee82ee
HTML	:	#a52a2a	HTML	:	violet
HTML (Wert)	:	#a52a2a	HTML (Wert)	:	#ee82ee
CSS	:	#a52a2a	CSS	:	violet
CSS (Wert)	:	#a52a2a	CSS (Wert)	:	#ee82ee
CSS (kürzest)	:	#a52a2a	CSS (kürzest)	:	#ee82ee
CSS (RGB)	:	rgb(165,42,42)	CSS (RGB)	:	rgb(238,130,238)
CSS (%RGB)	:	rgb(64%,16%,16%)	CSS (%RGB)	:	rgb(93%,50%,93%)

Verlauf Hintergrundfarbwert #a52a2a nach Schriftfarbe violet
#a52a2a	#af3646	#b94362	#c44f7e	#ce5c9a	#d968b6	#e375d2	#ee82ee
#a52a2a	#af3646	#b94362	#c44f7e	#ce5c9a	#d968b6	#e375d2	#ee82ee

Kombination von #a52a2a und violet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #a52a2a ist violet ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit von violet und #a52a2a beträgt 85.44%. Die Lesbarkeit dieser Kombination ergibt sich zu 14.56%.

Hintergrundfarbwert #a52a2a				Schriftfarbe violet
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a52a2a	#a52a2a	#a52a2a	#a52a2a	#ee82ee	#ee82ee	#ee82ee	#ee82ee
#b14848	#b14848	#8d2424	#8d2424	#f093f0	#f093f0	#cc6fcc	#cc6fcc
#be6666	#be6666	#751e1e	#751e1e	#f2a5f2	#f2a5f2	#aa5caa	#aa5caa
#cb8585	#cb8585	#5e1818	#5e1818	#f5b7f5	#f5b7f5	#884a88	#884a88
#d8a3a3	#d8a3a3	#461212	#461212	#f7c9f7	#f7c9f7	#663766	#663766
#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c	#fadbfa	#fadbfa	#442544	#442544
#f2e0e0	#f2e0e0	#170606	#170606	#fcedfc	#fcedfc	#221222	#221222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a52a2a und Farbe violet

Füllen und Umranden von Tag option

Für dieses Beispiel umranden wir <option> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbe violet . Den Hintergrund von <option> färben wir mit Farbwert #a52a2a. Das geht in HTML kaum. Daher nutzen wir CSS.

<style type="text/css"><!--
  option { border:4px inset violet; background-color:#a52a2a; }
//-->
</style>

Mehr zum Thema erfahren Sie in Formulare in HTML. Der Befehl option ist in der HTML Referenz unter <option> zusammengestellt.

Wechsel der Textfarbe bei Hover von Befehl colgroup

Die Textfarbe soll sich von Farbwert #a52a2a auf Farbe violet ändern, wenn man mit der Maus auf <colgroup> zeigt. Wir bereiten zunächst eine Darstellung von <colgroup> in Farbwert #a52a2a vor.

Zum Beispiel legen wir Farbwert #a52a2a als Textfarbe von <colgroup> fest. Die Hintergrundfarbe ändern wir nicht. Die Schriftart setzen wir auf sans-serif. Die Größe der Schrift ändern wir auf 9px.

<style type="text/css"><!--
  colgroup { 
    font-size:9px; 
    font-family:sans-serif; 
    color:#a52a2a;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf violet gesetzt wird.

<style type="text/css"><!--
  colgroup: hover { 
    color: violet;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Tabellen in HTML. Zur Beschreibung des Befehl <colgroup>.