Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #00bfff und Farbwert #ffd700

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 #00bfff			Schriftfarbwert #ffd700
Detail	:	Hintergrund #00bfff	Detail	:	Schrift #ffd700
Farbwert	:	#00bfff	Farbwert	:	#ffd700
Farbe	:	deepskyblue	Farbe	:	gold
HTML	:	#00bfff	HTML	:	#ffd700
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#ffd700
CSS	:	#00bfff	CSS	:	#ffd700
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbwert #00bfff nach Schriftfarbwert #ffd700
#00bfff	#24c2da	#48c5b6	#6dc991	#91cc6d	#b6d048	#dad324	#ffd700
#00bfff	#24c2da	#48c5b6	#6dc991	#91cc6d	#b6d048	#dad324	#ffd700

Kombination von #00bfff und #ffd700
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 #ffd700 und #00bfff ergibt sich zu 92.80%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.20%. Auf Hintergrund #00bfff ist #ffd700 ungeeignet, da sich die Helligkeiten zu ähnlich sind.

Hintergrundfarbwert #00bfff				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#ffd700	#ffd700	#ffd700	#ffd700
#24c8ff	#24c8ff	#00a3da	#00a3da	#ffdc24	#ffdc24	#dab800	#dab800
#48d1ff	#48d1ff	#0088b6	#0088b6	#ffe248	#ffe248	#b69900	#b69900
#6ddaff	#6ddaff	#006d91	#006d91	#ffe86d	#ffe86d	#917a00	#917a00
#91e3ff	#91e3ff	#00516d	#00516d	#ffed91	#ffed91	#6d5c00	#6d5c00
#b6ecff	#b6ecff	#003648	#003648	#fff3b6	#fff3b6	#483d00	#483d00
#daf5ff	#daf5ff	#001b24	#001b24	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00bfff und Farbwert #ffd700

Wechsel der Textfarbe bei Hover von HTML-Tag blockquote

Die Textfarbe soll sich von Farbwert #00bfff auf Farbwert #ffd700 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <blockquote> in Farbwert #00bfff vor.

Wir legen für dieses Beispiel Farbwert #00bfff als Textfarbe von <blockquote> fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart ändern wir auf arial:

<style type="text/css"><!--
  blockquote { 
    font-family: arial; 
    color: #00bfff;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #ffd700 ändert.

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

Mehr zum Thema lesen Sie in Blockorientierte Elemente in HTML. Einzelheiten vom hier verwendeten Befehl blockquote sind in der HTML Referenz bei <blockquote> ausführlich zusammengestellt.

Füllen und Umranden bei Tag address

Für dieses Beispiel umranden wir <address> mit einem . Den Hintergrund von <address> färben wir entsprechend mit Farbwert #00bfff. Dies geht mit HTML kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  address { 
    border-color:#ffd700; 
    border-style:dotted; 
    border-width:3pt; 
    background-color:#00bfff;
  }
//-->
</style>

Mehr zu address können Sie in Blockorientierte Elemente in HTML nachsehen. Weiteres zum hier verwendeten HTML-Tag address ist in der HTML Referenz bei <address> ausführlich beschrieben.