Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightgoldenrodyellow und Farbwert #ff6347

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

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 lightgoldenrodyellow

Schriftfarbwert #ff6347

DetailHintergrund lightgoldenrodyellow DetailSchrift #ff6347 
Farbe :lightgoldenrodyellowFarbwert :#ff6347
Farbwert :#fafad2Farbe :tomato
HTML:lightgoldenrodyellowHTML:#ff6347
HTML (Wert):#fafad2HTML (Wert):#ff6347
CSS:lightgoldenrodyellowCSS:#ff6347
CSS (Wert):#fafad2CSS (Wert):#ff6347
CSS (kürzest):#fafad2CSS (kürzest):#ff6347
CSS (RGB):rgb(250,250,210)CSS (RGB):rgb(255,99,71)
CSS (%RGB):rgb(98%,98%,82%)CSS (%RGB):rgb(100%,38%,27%)

Verlauf Hintergrundfarbe lightgoldenrodyellow nach Schriftfarbwert #ff6347

#fafad2#fae4be#fbceaa#fcb996#fca382#fd8e6e#fe785a#ff6347
#fafad2#fae4be#fbceaa#fcb996#fca382#fd8e6e#fe785a#ff6347

Kombination von lightgoldenrodyellow und #ff6347

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.

#ff6347 ist nicht als Schriftfarbe auf Hintergrund lightgoldenrodyellow geeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind.

Die Ähnlichkeit von #ff6347 und lightgoldenrodyellow ergibt sich zu 86.86%. Die Lesbarkeit dieser Kombination ergibt sich zu 13.14%.

Hintergrundfarbe lightgoldenrodyellow

Schriftfarbwert #ff6347

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#fafad2#fafad2#fafad2#fafad2#ff6347#ff6347#ff6347#ff6347
#fafad8#fafad8#d6d6b4#d6d6b4#ff7961#ff7961#da543c#da543c
#fbfbde#fbfbde#b2b296#b2b296#ff8f7b#ff8f7b#b64632#b64632
#fcfce5#fcfce5#8e8e78#8e8e78#ffa595#ffa595#913828#913828
#fcfceb#fcfceb#6b6b5a#6b6b5a#ffbcb0#ffbcb0#6d2a1e#6d2a1e
#fdfdf2#fdfdf2#47473c#47473c#ffd2ca#ffd2ca#481c14#481c14
#fefef8#fefef8#23231e#23231e#ffe8e4#ffe8e4#240e0a#240e0a
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe lightgoldenrodyellow und Farbwert #ff6347

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbe lightgoldenrodyellow und Farbwert #ff6347.

<style type="text/css"><!--
  tr.yang { 
    background-color: lightgoldenrodyellow;
  }
  tr.ying { 
    background-color:#ff6347;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="yang"><td>J1:1</td><td>J2:1</td><td>J3:1</td></tr>
<tr class="ying"><td>J1:2</td><td>J2:2</td><td>J3:2</td></tr>
<tr class="yang"><td>J1:3</td><td>J2:3</td><td>J3:3</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML finden. Beschreibung vom hier gezeigten Tag <tr>.

Hintergrund/Text-Kombination bei HTML-Befehl dt

Wir ändern bei diesem Beispiel die Textfarbe von <dt> auf Farbwert #ff6347 und die Hintergrundfarbe von <dt> auf Farbe lightgoldenrodyellow. Die Schriftart setzen wir auf sans-serif und als Schriftgröße wählen wir 95%.

<style type="text/css"><!--
  dt { 
    color:#ff6347; 
    font-size:95%; 
    background-color:lightgoldenrodyellow; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zum Thema dt lesen Sie in Listen und Glossare in HTML. Der Befehl dt ist in der HTML Referenz bei <dt> ausführlich beschrieben.

Tabelle der 137 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aliceblue #f0f8ff         +  aliceblue #f0f8ff aliceblue / lightgoldenrodye...
antiquewhite #faebd7         +  antiquewhite #faebd7 antiquewhite / lightgoldenro...
aqua #00ffff         +  aqua #00ffff aqua / lightgoldenrodyellow
aquamarine #7fffd4         +  aquamarine #7fffd4 aquamarine / lightgoldenrody...
azure #f0ffff         +  azure #f0ffff azure / lightgoldenrodyellow
beige #f5f5dc         +  beige #f5f5dc beige / lightgoldenrodyellow
black #000000         +  black #000000 black / lightgoldenrodyellow
blue #0000ff         +  blue #0000ff blue / lightgoldenrodyellow
blueviolet #8a2be2         +  blueviolet #8a2be2 blueviolet / lightgoldenrody...
brown #a52a2a         +  brown #a52a2a brown / lightgoldenrodyellow
burlywood #deb887         +  burlywood #deb887 burlywood / lightgoldenrodye...
cadetblue #5f9ea0         +  cadetblue #5f9ea0 cadetblue / lightgoldenrodye...
chartreuse #7fff00         +  chartreuse #7fff00 chartreuse / lightgoldenrody...
chocolate #d2691e         +  chocolate #d2691e chocolate / lightgoldenrodye...
coral #ff7f50         +  coral #ff7f50 coral / lightgoldenrodyellow
cornflowerblue #6495ed         +  cornflowerblue #6495ed cornflowerblue / lightgolden...
cornsilk #fff8dc         +  cornsilk #fff8dc cornsilk / lightgoldenrodyellow
crimson #dc143c         +  crimson #dc143c crimson / lightgoldenrodyellow
darkblue #00008b         +  darkblue #00008b darkblue / lightgoldenrodyellow
darkcyan #008b8b         +  darkcyan #008b8b darkcyan / lightgoldenrodyellow
darkgoldenrod #b8860b         +  darkgoldenrod #b8860b darkgoldenrod / lightgoldenr...
darkgray #a9a9a9         +  darkgray #a9a9a9 darkgray / lightgoldenrodyellow
darkgreen #006400         +  darkgreen #006400 darkgreen / lightgoldenrodye...
darkkhaki #bdb76b         +  darkkhaki #bdb76b darkkhaki / lightgoldenrodye...
darkmagenta #8b008b         +  darkmagenta #8b008b darkmagenta / lightgoldenrod...
darkolivegreen #556b2f         +  darkolivegreen #556b2f darkolivegreen / lightgolden...
darkorange #ff8c00         +  darkorange #ff8c00 darkorange / lightgoldenrody...
darkorchid #9932cc         +  darkorchid #9932cc darkorchid / lightgoldenrody...
darkred #8b0000         +  darkred #8b0000 darkred / lightgoldenrodyellow
darksalmon #e9967a         +  darksalmon #e9967a darksalmon / lightgoldenrody...
darkseagreen #8fbc8f         +  darkseagreen #8fbc8f darkseagreen / lightgoldenro...
darkslateblue #483d8b         +  darkslateblue #483d8b darkslateblue / lightgoldenr...
darkslategray #2f4f4f         +  darkslategray #2f4f4f darkslategray / lightgoldenr...
darkturquoise #00ced1         +  darkturquoise #00ced1 darkturquoise / lightgoldenr...
darkviolet #9400d3         +  darkviolet #9400d3 darkviolet / lightgoldenrody...
deeppink #ff1493         +  deeppink #ff1493 deeppink / lightgoldenrodyellow
deepskyblue #00bfff         +  deepskyblue #00bfff deepskyblue / lightgoldenrod...
dimgray #696969         +  dimgray #696969 dimgray / lightgoldenrodyellow
dodgerblue #1e90ff         +  dodgerblue #1e90ff dodgerblue / lightgoldenrody...
firebrick #b22222         +  firebrick #b22222 firebrick / lightgoldenrodye...
floralwhite #fffaf0         +  floralwhite #fffaf0 floralwhite / lightgoldenrod...
forestgreen #228b22         +  forestgreen #228b22 forestgreen / lightgoldenrod...
fuchsia #ff00ff         +  fuchsia #ff00ff fuchsia / lightgoldenrodyellow
gainsboro #dcdcdc         +  gainsboro #dcdcdc gainsboro / lightgoldenrodye...
ghostwhite #f8f8ff         +  ghostwhite #f8f8ff ghostwhite / lightgoldenrody...
gold #ffd700         +  gold #ffd700 gold / lightgoldenrodyellow
goldenrod #daa520         +  goldenrod #daa520 goldenrod / lightgoldenrodye...
gray #808080         +  gray #808080 gray / lightgoldenrodyellow
green #008000         +  green #008000 green / lightgoldenrodyellow
greenyellow #adff2f         +  greenyellow #adff2f greenyellow / lightgoldenrod...
honeydew #f0fff0         +  honeydew #f0fff0 honeydew / lightgoldenrodyellow
hotpink #ff69b4         +  hotpink #ff69b4 hotpink / lightgoldenrodyellow
indianred #cd5c5c         +  indianred #cd5c5c indianred / lightgoldenrodye...
indigo #4b0082         +  indigo #4b0082 indigo / lightgoldenrodyellow
ivory #fffff0         +  ivory #fffff0 ivory / lightgoldenrodyellow
khaki #f0e68c         +  khaki #f0e68c khaki / lightgoldenrodyellow
lavender #e6e6fa         +  lavender #e6e6fa lavender / lightgoldenrodyellow
lavenderblush #fff0f5         +  lavenderblush #fff0f5 lavenderblush / lightgoldenr...
lawngreen #7cfc00         +  lawngreen #7cfc00 lawngreen / lightgoldenrodye...
lemonchiffon #fffacd         +  lemonchiffon #fffacd lemonchiffon / lightgoldenro...
lightblue #add8e6         +  lightblue #add8e6 lightblue / lightgoldenrodye...
lightcoral #f08080         +  lightcoral #f08080 lightcoral / lightgoldenrody...
lightcyan #e0ffff         +  lightcyan #e0ffff lightcyan / lightgoldenrodye...
lightgoldenrodyellow #fafad2         +  lightgoldenrodyellow #fafad2 lightgoldenrodyellow / light...
lightgreen #90ee90         +  lightgreen #90ee90 lightgreen / lightgoldenrody...
lightgrey #d3d3d3         +  lightgrey #d3d3d3 lightgrey / lightgoldenrodye...
lightpink #ffb6c1         +  lightpink #ffb6c1 lightpink / lightgoldenrodye...
lightsalmon #ffa07a         +  lightsalmon #ffa07a lightsalmon / lightgoldenrod...
lightseagreen #20b2aa         +  lightseagreen #20b2aa lightseagreen / lightgoldenr...
lightskyblue #87cefa         +  lightskyblue #87cefa lightskyblue / lightgoldenro...
lightslategray #778899         +  lightslategray #778899 lightslategray / lightgolden...
lightsteelblue #b0c4de         +  lightsteelblue #b0c4de lightsteelblue / lightgolden...
lightyellow #ffffe0         +  lightyellow #ffffe0 lightyellow / lightgoldenrod...
lime #00ff00         +  lime #00ff00 lime / lightgoldenrodyellow
limegreen #32cd32         +  limegreen #32cd32 limegreen / lightgoldenrodye...
linen #faf0e6         +  linen #faf0e6 linen / lightgoldenrodyellow
maroon #800000         +  maroon #800000 maroon / lightgoldenrodyellow
mediumaquamarine #66cdaa         +  mediumaquamarine #66cdaa mediumaquamarine / lightgold...
mediumblue #0000cd         +  mediumblue #0000cd mediumblue / lightgoldenrody...
mediumorchid #ba55d3         +  mediumorchid #ba55d3 mediumorchid / lightgoldenro...
mediumpurple #9370db         +  mediumpurple #9370db mediumpurple / lightgoldenro...
mediumseagreen #3cb371         +  mediumseagreen #3cb371 mediumseagreen / lightgolden...
mediumslateblue #7b68ee         +  mediumslateblue #7b68ee mediumslateblue / lightgolde...
mediumspringgreen #00fa9a         +  mediumspringgreen #00fa9a mediumspringgreen / lightgol...
mediumturquoise #48d1cc         +  mediumturquoise #48d1cc mediumturquoise / lightgolde...
mediumvioletred #c71585         +  mediumvioletred #c71585 mediumvioletred / lightgolde...
midnightblue #191970         +  midnightblue #191970 midnightblue / lightgoldenro...
mintcream #f5fffa         +  mintcream #f5fffa mintcream / lightgoldenrodye...
mistyrose #ffe4e1         +  mistyrose #ffe4e1 mistyrose / lightgoldenrodye...
moccasin #ffe4b5         +  moccasin #ffe4b5 moccasin / lightgoldenrodyellow
navajowhite #ffdead         +  navajowhite #ffdead navajowhite / lightgoldenrod...
navy #000080         +  navy #000080 navy / lightgoldenrodyellow
oldlace #fdf5e6         +  oldlace #fdf5e6 oldlace / lightgoldenrodyellow
olive #808000         +  olive #808000 olive / lightgoldenrodyellow
olivedrab #6b8e23         +  olivedrab #6b8e23 olivedrab / lightgoldenrodye...
orange #ffa500         +  orange #ffa500 orange / lightgoldenrodyellow
orangered #ff4500         +  orangered #ff4500 orangered / lightgoldenrodye...
orchid #da70d6         +  orchid #da70d6 orchid / lightgoldenrodyellow
palegoldenrod #eee8aa         +  palegoldenrod #eee8aa palegoldenrod / lightgoldenr...
palegreen #98fb98         +  palegreen #98fb98 palegreen / lightgoldenrodye...
paleturquoise #afeeee         +  paleturquoise #afeeee paleturquoise / lightgoldenr...
palevioletred #db7093         +  palevioletred #db7093 palevioletred / lightgoldenr...
papayawhip #ffefd5         +  papayawhip #ffefd5 papayawhip / lightgoldenrody...
peachpuff #ffdab9         +  peachpuff #ffdab9 peachpuff / lightgoldenrodye...
peru #cd853f         +  peru #cd853f peru / lightgoldenrodyellow
pink #ffc0cb         +  pink #ffc0cb pink / lightgoldenrodyellow
plum #dda0dd         +  plum #dda0dd plum / lightgoldenrodyellow
powderblue #b0e0e6         +  powderblue #b0e0e6 powderblue / lightgoldenrody...
purple #800080         +  purple #800080 purple / lightgoldenrodyellow
red #ff0000         +  red #ff0000 red / lightgoldenrodyellow
rosybrown #bc8f8f         +  rosybrown #bc8f8f rosybrown / lightgoldenrodye...
royalblue #4169e1         +  royalblue #4169e1 royalblue / lightgoldenrodye...
saddlebrown #8b4513         +  saddlebrown #8b4513 saddlebrown / lightgoldenrod...
salmon #fa8072         +  salmon #fa8072 salmon / lightgoldenrodyellow
sandybrown #f4a460         +  sandybrown #f4a460 sandybrown / lightgoldenrody...
seagreen #2e8b57         +  seagreen #2e8b57 seagreen / lightgoldenrodyellow
seashell #fff5ee         +  seashell #fff5ee seashell / lightgoldenrodyellow
sienna #a0522d         +  sienna #a0522d sienna / lightgoldenrodyellow
silver #c0c0c0         +  silver #c0c0c0 silver / lightgoldenrodyellow
skyblue #87ceeb         +  skyblue #87ceeb skyblue / lightgoldenrodyellow
slateblue #6a5acd         +  slateblue #6a5acd slateblue / lightgoldenrodye...
slategray #708090         +  slategray #708090 slategray / lightgoldenrodye...
snow #fffafa         +  snow #fffafa snow / lightgoldenrodyellow
springgreen #00ff7f         +  springgreen #00ff7f springgreen / lightgoldenrod...
steelblue #4682b4         +  steelblue #4682b4 steelblue / lightgoldenrodye...
tan #d2b48c         +  tan #d2b48c tan / lightgoldenrodyellow
teal #008080         +  teal #008080 teal / lightgoldenrodyellow
thistle #d8bfd8         +  thistle #d8bfd8 thistle / lightgoldenrodyellow
tomato #ff6347         +  tomato #ff6347 tomato / lightgoldenrodyellow
turquoise #40e0d0         +  turquoise #40e0d0 turquoise / lightgoldenrodye...
violet #ee82ee         +  violet #ee82ee violet / lightgoldenrodyellow
wheat #f5deb3         +  wheat #f5deb3 wheat / lightgoldenrodyellow
white #ffffff         +  white #ffffff white / lightgoldenrodyellow
whitesmoke #f5f5f5         +  whitesmoke #f5f5f5 whitesmoke / lightgoldenrody...
yellow #ffff00         +  yellow #ffff00 yellow / lightgoldenrodyellow
yellowgreen #9acd32         +  yellowgreen #9acd32 yellowgreen / lightgoldenrod...

Weitere Farbtabellen