Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ff6347 und Farbe palegreen

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 #ff6347			Schriftfarbe palegreen
Detail	:	Hintergrund #ff6347	Detail	:	Schrift palegreen
Farbwert	:	#ff6347	Farbe	:	palegreen
Farbe	:	tomato	Farbwert	:	#98fb98
HTML	:	#ff6347	HTML	:	palegreen
HTML (Wert)	:	#ff6347	HTML (Wert)	:	#98fb98
CSS	:	#ff6347	CSS	:	palegreen
CSS (Wert)	:	#ff6347	CSS (Wert)	:	#98fb98
CSS (kürzest)	:	#ff6347	CSS (kürzest)	:	#98fb98
CSS (RGB)	:	rgb(255,99,71)	CSS (RGB)	:	rgb(152,251,152)
CSS (%RGB)	:	rgb(100%,38%,27%)	CSS (%RGB)	:	rgb(59%,98%,59%)

Verlauf Hintergrundfarbwert #ff6347 nach Schriftfarbe palegreen
#ff6347	#f07852	#e18e5e	#d2a469	#c4b975	#b5cf80	#a6e58c	#98fb98
#ff6347	#f07852	#e18e5e	#d2a469	#c4b975	#b5cf80	#a6e58c	#98fb98

Kombination von #ff6347 und palegreen
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von palegreen und #ff6347 ergibt sich zu 88.92%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.08%. palegreen ist nicht als Schriftfarbe auf Hintergrund #ff6347 geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbwert #ff6347				Schriftfarbe palegreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff6347	#ff6347	#ff6347	#ff6347	#98fb98	#98fb98	#98fb98	#98fb98
#ff7961	#ff7961	#da543c	#da543c	#a6fba6	#a6fba6	#82d782	#82d782
#ff8f7b	#ff8f7b	#b64632	#b64632	#b5fcb5	#b5fcb5	#6cb36c	#6cb36c
#ffa595	#ffa595	#913828	#913828	#c4fcc4	#c4fcc4	#568f56	#568f56
#ffbcb0	#ffbcb0	#6d2a1e	#6d2a1e	#d2fdd2	#d2fdd2	#416b41	#416b41
#ffd2ca	#ffd2ca	#481c14	#481c14	#e1fde1	#e1fde1	#2b472b	#2b472b
#ffe8e4	#ffe8e4	#240e0a	#240e0a	#f0fef0	#f0fef0	#152315	#152315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff6347 und Farbe palegreen

Wechsel der Umrandung bei Hover von HTML-Befehl a

Ein Hyperlink wird mit HTML-Befehl <a> erzeugt. Diesen kann man farblich gestalten.

Die Rahmenfarbe soll sich von Farbwert #ff6347 auf Farbe palegreen ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #ff6347 vor.

In diesem Beispiel umranden wir <a> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbwert #ff6347.

<style type="text/css"><!--
  a { border:5px dotted #ff6347; }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf palegreen geändert wird.

<style type="text/css"><!--
  a:hover { 
    border-color:palegreen;
  }
//-->
</style>

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Zur Beschreibung vom hier verwendeten HTML-Befehl <a>.

Hintergrund/Text-Kombination bei Tag caption

Wir ändern hier die Textfarbe von <caption> auf Farbe palegreen und die Hintergrundfarbe von <caption> auf Farbwert #ff6347. Die Schriftart setzen wir auf verdana und als Schriftgröße setzen wir 128%.

<style type="text/css"><!--
  caption { 
    font-size:128%; 
    background-color:#ff6347; 
    color:palegreen; 
    font-family:verdana;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Tabellen in HTML. Einzelheiten vom hier genutzten HTML-Tag <caption>.