Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d2691e und Farbe mintcream

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 #d2691e			Schriftfarbe mintcream
Detail	:	Hintergrund #d2691e	Detail	:	Schrift mintcream
Farbwert	:	#d2691e	Farbe	:	mintcream
Farbe	:	chocolate	Farbwert	:	#f5fffa
HTML	:	#d2691e	HTML	:	mintcream
HTML (Wert)	:	#d2691e	HTML (Wert)	:	#f5fffa
CSS	:	#d2691e	CSS	:	mintcream
CSS (Wert)	:	#d2691e	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#d2691e	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(210,105,30)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(82%,41%,11%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbwert #d2691e nach Schriftfarbe mintcream
#d2691e	#d77e3d	#dc935c	#e1a97c	#e6be9b	#ebd4bb	#f0e9da	#f5fffa
#d2691e	#d77e3d	#dc935c	#e1a97c	#e6be9b	#ebd4bb	#f0e9da	#f5fffa

Kombination von #d2691e und mintcream
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben mintcream und #d2691e beträgt 83.05%. Die Lesbarkeit dieser Kombination bewerte ich mit 16.95%. mintcream ist nicht als Schriftfarbe auf Hintergrund #d2691e geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #d2691e				Schriftfarbe mintcream
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2691e	#d2691e	#d2691e	#d2691e	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#d87e3e	#d87e3e	#b45a19	#b45a19	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#de935e	#de935e	#964b15	#964b15	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#e5a97e	#e5a97e	#783c11	#783c11	#f9fffc	#f9fffc	#8c918e	#8c918e
#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c	#fafffc	#fafffc	#696d6b	#696d6b
#f2d4be	#f2d4be	#3c1e08	#3c1e08	#fcfffd	#fcfffd	#464847	#464847
#f8e9de	#f8e9de	#1e0f04	#1e0f04	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d2691e und Farbe mintcream

Wechsel der Umrandung bei Hover bei HTML-Befehl pre

Die Rahmenfarbe soll sich von Farbwert #d2691e auf Farbe mintcream ändern, wenn man mit der Maus auf <pre> zeigt. Wir bereiten zunächst eine Formatierung von <pre> in Farbwert #d2691e vor.

In diesem Beispiel umranden wir <pre> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbwert #d2691e.

<style type="text/css"><!--
  pre { border:5px groove #d2691e; }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe zu mintcream ändert.

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

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML erfahren. Einzelheiten vom hier gezeigten Befehl <pre>.

Füllen und Umranden bei Tag samp

Hier umranden wir <samp> mit einem . Die Hintergrundfarbe für <samp> setzen wir auf Farbwert #d2691e. Das ist in HTML kaum möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  samp { 
    background-color: #d2691e; 
    border-style: dotted; 
    border-width: 2pt; 
    border-color: mintcream;
  }
//-->
</style>

Mehr zum Thema samp finden Sie in Text in HTML. Beschreibung vom Befehl <samp>.