Ressourcen: 8 Grundfarben in HTML - Kombination von Farbwert #ffff00 und Farbe aqua

von Thomas Salvador.

Es gibt insgesamt acht Grundfarben. Sie bestehen aus zwei unbunten Grundfarben (Schwarz und Weiß) und sechs bunten Grundfarben.

Die bunten Grundfarben entstehen dadurch, dass die Anteile von Rot, Grün und Blau jeweils paarweise maximal sind.

In HTML und CSS haben damit die entsprechenden Bestandteile den Wert hexadezimal ff, bzw. dezimal 255 bzw. prozentual 100%.

Hintergrundfarbwert #ffff00

Schriftfarbe aqua

DetailHintergrund #ffff00 DetailSchrift aqua 
Farbwert :#ffff00Farbe :aqua
Farbe :yellowFarbwert :#00ffff
HTML:#ffff00HTML:aqua
HTML (Wert):#ffff00HTML (Wert):#00ffff
CSS:#ffff00CSS:aqua
CSS (Wert):#ffff00CSS (Wert):#00ffff
CSS (kürzest):#ff0CSS (kürzest):#0ff
CSS (RGB):rgb(255,255,0)CSS (RGB):rgb(0,255,255)
CSS (%RGB):rgb(100%,100%,0%)CSS (%RGB):rgb(0%,100%,100%)

Verlauf Hintergrundfarbwert #ffff00 nach Schriftfarbe aqua

#ffff00#daff24#b6ff48#91ff6d#6dff91#48ffb6#24ffda#00ffff
#ffff00#daff24#b6ff48#91ff6d#6dff91#48ffb6#24ffda#00ffff

Kombination von #ffff00 und aqua

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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.

Die Ähnlichkeit von aqua und #ffff00 ergibt sich zu 94.44%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.56%.

aqua eignet sich nicht als Schriftfarbe auf Hintergrund #ffff00. Zwar ist der Farbunterschied ok, doch der Helligkeitsunterschied ist zu gering.

Hintergrundfarbwert #ffff00

Schriftfarbe aqua

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ffff00#ffff00#ffff00#ffff00#00ffff#00ffff#00ffff#00ffff
#ffff24#ffff24#dada00#dada00#24ffff#24ffff#00dada#00dada
#ffff48#ffff48#b6b600#b6b600#48ffff#48ffff#00b6b6#00b6b6
#ffff6d#ffff6d#919100#919100#6dffff#6dffff#009191#009191
#ffff91#ffff91#6d6d00#6d6d00#91ffff#91ffff#006d6d#006d6d
#ffffb6#ffffb6#484800#484800#b6ffff#b6ffff#004848#004848
#ffffda#ffffda#242400#242400#daffff#daffff#002424#002424
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbwert #ffff00 und Farbe aqua

Text- und Unterstreichungsfarben bei HTML-Befehl caption

Wir ändern Hher die Textfarbe von <caption> auf Farbe aqua. Die Schriftart ändern wir auf arial. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines herausstehenden Rahmens mit 1 Punkte Dicke in Farbwert #ffff00. Mit HTML geht das nicht. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  caption { 
    color: aqua; 
    font-size: 13px; 
    font-family: arial; 
    border-bottom-style: outset; 
    border-bottom-width: 1pt; 
    border-bottom-color: #ffff00;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema lesen Sie in Tabellen in HTML. Der HTML-Tag caption ist in der HTML Referenz unter <caption> ausführlich gezeigt.

Tabelle der 8 Grundfarben in HTML

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aqua #00ffff         +  aqua #00ffff aqua / #ffff00
black #000000         +  black #000000 black / #ffff00
blue #0000ff         +  blue #0000ff blue / #ffff00
fuchsia #ff00ff         +  fuchsia #ff00ff fuchsia / #ffff00
lime #00ff00         +  lime #00ff00 lime / #ffff00
red #ff0000         +  red #ff0000 red / #ffff00
white #ffffff         +  white #ffffff white / #ffff00
yellow #ffff00         +  yellow #ffff00 yellow / #ffff00

Weitere Farbtabellen