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

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 #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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund #bdb76b ist #00bfff ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit von #00bfff und #bdb76b ergibt sich zu 95.12%. Die Lesbarkeit dieser Kombination 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

Wechsel der Umrandung bei Hover bei HTML-Befehl frameset

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

In diesem Beispiel umranden wir <frameset> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #bdb76b.

<style type="text/css"><!--
  frameset { border:2px groove #bdb76b; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #00bfff ändert.

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

Die Beschreibung des HTML-Tag frameset finden Sie in der HTML Referenz unter <frameset>.

Füllen und Umranden bei Tag a

Mit HTML-Tag <a> setzen Sie einen Hyperlink. Er kann farblich gestaltet und hervorgehoben werden.

Für dieses Beispiel umranden wir <a> mit einem gepunkteten, 2 Pixel dicken Rahmen in Farbwert #00bfff . Den Hintergrund von <a> färben wir entsprechend mit Farbwert #bdb76b. In HTML ist das nicht machbar. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-style:dotted; 
    background-color:#bdb76b; 
    border-width:2px; 
    border-color:#00bfff;
  }
//-->
</style>

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Zur Beschreibung vom Befehl <a>.