Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #bdb76b und Farbwert #00bfff

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 #bdb76b			Schriftfarbwert #00bfff
Detail	:	Hintergrund #bdb76b	Detail	:	Schrift #00bfff
Farbwert	:	#bdb76b	Farbwert	:	#00bfff
Farbe	:	darkkhaki	Farbe	:	deepskyblue
HTML	:	#bdb76b	HTML	:	#00bfff
HTML (Wert)	:	#bdb76b	HTML (Wert)	:	#00bfff
CSS	:	#bdb76b	CSS	:	#00bfff
CSS (Wert)	:	#bdb76b	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#bdb76b	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(189,183,107)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(74%,71%,41%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbwert #bdb76b nach Schriftfarbwert #00bfff
#bdb76b	#a2b880	#87b995	#6cbaaa	#51bbbf	#36bcd4	#1bbde9	#00bfff
#bdb76b	#a2b880	#87b995	#6cbaaa	#51bbbf	#36bcd4	#1bbde9	#00bfff

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

Hintergrundfarbwert #bdb76b				Schriftfarbwert #00bfff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bdb76b	#bdb76b	#bdb76b	#bdb76b	#00bfff	#00bfff	#00bfff	#00bfff
#c6c180	#c6c180	#a29c5b	#a29c5b	#24c8ff	#24c8ff	#00a3da	#00a3da
#cfcb95	#cfcb95	#87824c	#87824c	#48d1ff	#48d1ff	#0088b6	#0088b6
#d9d5aa	#d9d5aa	#6c683d	#6c683d	#6ddaff	#6ddaff	#006d91	#006d91
#e2e0bf	#e2e0bf	#514e2d	#514e2d	#91e3ff	#91e3ff	#00516d	#00516d
#ecead4	#ecead4	#36341e	#36341e	#b6ecff	#b6ecff	#003648	#003648
#f5f4e9	#f5f4e9	#1b1a0f	#1b1a0f	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Hintergrund/Text-Kombination von Tag h6

Eine Überschrift der 6. Stufe wird mit HTML-Tag <h6> gesetzt. Diese kann man hervorheben und farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <h6> auf Farbwert #00bfff und die Hintergrundfarbe von <h6> auf Farbwert #bdb76b. Die Schriftart setzen wir auf sans-serif. Als Schriftgröße setzen wir 13px.

<style type="text/css"><!--
  h6 { 
    font-family:sans-serif; 
    background-color:#bdb76b; 
    color:#00bfff; 
    font-size:13px;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum Tag <h6>.

Wechsel der Umrandung bei Hover bei Befehl frame

Die Rahmenfarbe soll sich von Farbwert #bdb76b auf Farbwert #00bfff ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <frame> in Farbwert #bdb76b vor.

In diesem Beispiel umranden wir <frame> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #bdb76b.

<style type="text/css"><!--
  frame { border:1px ridge #bdb76b; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #00bfff gesetzt wird.

<style type="text/css"><!--
  frame:hover { 
    border-color:#00bfff;
  }
//-->
</style>

Mehr zum Tag frame finden Sie in der HTML Referenz unter <frame>.