Ressourcen: 137 HTML Farbnamen - Kombination von Farbe cornflowerblue 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.

Hintergrundfarbe cornflowerblue			Schriftfarbwert #00bfff
Detail	:	Hintergrund cornflowerblue	Detail	:	Schrift #00bfff
Farbe	:	cornflowerblue	Farbwert	:	#00bfff
Farbwert	:	#6495ed	Farbe	:	deepskyblue
HTML	:	cornflowerblue	HTML	:	#00bfff
HTML (Wert)	:	#6495ed	HTML (Wert)	:	#00bfff
CSS	:	cornflowerblue	CSS	:	#00bfff
CSS (Wert)	:	#6495ed	CSS (Wert)	:	#00bfff
CSS (kürzest)	:	#6495ed	CSS (kürzest)	:	#00bfff
CSS (RGB)	:	rgb(100,149,237)	CSS (RGB)	:	rgb(0,191,255)
CSS (%RGB)	:	rgb(39%,58%,92%)	CSS (%RGB)	:	rgb(0%,74%,100%)

Verlauf Hintergrundfarbe cornflowerblue nach Schriftfarbwert #00bfff
#6495ed	#559bef	#47a1f2	#39a7f4	#2aadf7	#1cb3f9	#0eb9fc	#00bfff
#6495ed	#559bef	#47a1f2	#39a7f4	#2aadf7	#1cb3f9	#0eb9fc	#00bfff

Kombination von cornflowerblue und #00bfff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #00bfff und cornflowerblue ergibt sich zu 93.33%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.67%. Auf Hintergrund cornflowerblue ist #00bfff ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbe cornflowerblue				Schriftfarbwert #00bfff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6495ed	#6495ed	#6495ed	#6495ed	#00bfff	#00bfff	#00bfff	#00bfff
#7aa4ef	#7aa4ef	#557fcb	#557fcb	#24c8ff	#24c8ff	#00a3da	#00a3da
#90b3f2	#90b3f2	#476aa9	#476aa9	#48d1ff	#48d1ff	#0088b6	#0088b6
#a6c2f4	#a6c2f4	#395587	#395587	#6ddaff	#6ddaff	#006d91	#006d91
#bcd1f7	#bcd1f7	#2a3f65	#2a3f65	#91e3ff	#91e3ff	#00516d	#00516d
#d2e0f9	#d2e0f9	#1c2a43	#1c2a43	#b6ecff	#b6ecff	#003648	#003648
#e8effc	#e8effc	#0e1521	#0e1521	#daf5ff	#daf5ff	#001b24	#001b24
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe cornflowerblue und Farbwert #00bfff

Füllen und Umranden von Tag pre

Hier umranden wir <pre> mit einem gestrichelten, 2 Pixel dicken Rahmen in Farbwert #00bfff . Die Hintergrundfarbe für <pre> färben wir entsprechend mit Farbe cornflowerblue. Dies ist in HTML kaum möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  pre { border:2px dashed #00bfff; background-color:cornflowerblue; }
//-->
</style>

Weiteres zu pre lesen Sie in Blockorientierte Elemente in HTML. Der Tag pre ist in der HTML Referenz bei <pre> zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover mit Befehl select

Die Hintergrundfarbe soll sich von Farbe cornflowerblue auf Farbwert #00bfff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <select> in Farbe cornflowerblue vor.

Wir legen zum Beispiel bei <select> die Hintergrundfarbe auf Farbe cornflowerblue fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf courier new:

<style type="text/css"><!--
  select { 
    background-color: cornflowerblue; 
    font-family: courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #00bfff gesetzt wird.

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

Mehr zu select können Sie in Formulare in HTML erfahren. Beschreibung des hier verwendeten HTML-Befehl <select>.