Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00fa9a und Farbwert #ffffe0

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 #00fa9a			Schriftfarbwert #ffffe0
Detail	:	Hintergrund #00fa9a	Detail	:	Schrift #ffffe0
Farbwert	:	#00fa9a	Farbwert	:	#ffffe0
Farbe	:	mediumspringgreen	Farbe	:	lightyellow
HTML	:	#00fa9a	HTML	:	#ffffe0
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#ffffe0
CSS	:	#00fa9a	CSS	:	#ffffe0
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbwert #00fa9a nach Schriftfarbwert #ffffe0
#00fa9a	#24faa4	#48fbae	#6dfcb8	#91fcc2	#b6fdcc	#dafed6	#ffffe0
#00fa9a	#24faa4	#48fbae	#6dfcb8	#91fcc2	#b6fdcc	#dafed6	#ffffe0

Kombination von #00fa9a und #ffffe0
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffffe0 eignet sich nicht als Schriftfarbe auf Hintergrund #00fa9a. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben #ffffe0 und #00fa9a ergibt sich zu 93.51%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.49%.

Hintergrundfarbwert #00fa9a				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#24faa8	#24faa8	#00d684	#00d684	#ffffe4	#ffffe4	#dadac0	#dadac0
#48fbb6	#48fbb6	#00b26e	#00b26e	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#6dfcc5	#6dfcc5	#008e58	#008e58	#ffffed	#ffffed	#919180	#919180
#91fcd3	#91fcd3	#006b42	#006b42	#fffff1	#fffff1	#6d6d60	#6d6d60
#b6fde2	#b6fde2	#00472c	#00472c	#fffff6	#fffff6	#484840	#484840
#dafef0	#dafef0	#002316	#002316	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00fa9a und Farbwert #ffffe0

Wechsel der Textfarbe bei Hover mit HTML-Befehl button

Die Textfarbe soll sich von Farbwert #00fa9a auf Farbwert #ffffe0 ändern, wenn man mit der Maus auf <button> zeigt. Wir bereiten zunächst eine Formatierung von <button> in Farbwert #00fa9a vor.

Z.B. legen wir Farbwert #00fa9a als Textfarbe von <button> fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  button { 
    font-family:sans-serif; 
    color:#00fa9a;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ffffe0 geändert wird.

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

Mehr zum Thema button können Sie in Formulare in HTML erfahren. Zur Beschreibung vom HTML-Tag <button>.

Füllen und Umranden von Befehl h5

Mit HTML-Befehl <h5> wird eine Überschrift erzeugt. Sie kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel umranden wir <h5> mit einem . Die Hintergrundfarbe für <h5> setzen wir entsprechend auf Farbwert #00fa9a. Dies geht mit HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  h5 { 
    border-width: 3px; 
    border-style: ridge; 
    border-color: #ffffe0; 
    background-color: #00fa9a;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Zur Beschreibung vom HTML-Tag <h5>.