Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslategray und Farbe orange

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 Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe darkslategray

Schriftfarbe orange

DetailHintergrund darkslategray DetailSchrift orange 
Farbe :darkslategrayFarbe :orange
Farbwert :#2f4f4fFarbwert :#ffa500
HTML:darkslategrayHTML:orange
HTML (Wert):#2f4f4fHTML (Wert):#ffa500
CSS:darkslategrayCSS:orange
CSS (Wert):#2f4f4fCSS (Wert):#ffa500
CSS (kürzest):#2f4f4fCSS (kürzest):#ffa500
CSS (RGB):rgb(47,79,79)CSS (RGB):rgb(255,165,0)
CSS (%RGB):rgb(18%,30%,30%)CSS (%RGB):rgb(100%,64%,0%)

Verlauf Hintergrundfarbe darkslategray nach Schriftfarbe orange

#2f4f4f#4c5b43#6a6738#88732d#a58021#c38c16#e1980b#ffa500
#2f4f4f#4c5b43#6a6738#88732d#a58021#c38c16#e1980b#ffa500

Kombination von darkslategray und orange

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.

orange ist nicht als Schriftfarbe auf Hintergrund darkslategray geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Die Ähnlichkeit der Farben orange und darkslategray ergibt sich zu 78.47%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 21.53%.

Hintergrundfarbe darkslategray

Schriftfarbe orange

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#2f4f4f#2f4f4f#2f4f4f#2f4f4f#ffa500#ffa500#ffa500#ffa500
#4c6868#4c6868#284343#284343#ffb124#ffb124#da8d00#da8d00
#6a8181#6a8181#213838#213838#ffbe48#ffbe48#b67500#b67500
#889a9a#889a9a#1a2d2d#1a2d2d#ffcb6d#ffcb6d#915e00#915e00
#a5b3b3#a5b3b3#142121#142121#ffd891#ffd891#6d4600#6d4600
#c3cccc#c3cccc#0d1616#0d1616#ffe5b6#ffe5b6#482f00#482f00
#e1e5e5#e1e5e5#060b0b#060b0b#fff2da#fff2da#241700#241700
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe darkslategray und Farbe orange

Füllen und Umranden von Tag a

Ein Link wird mit HTML-Befehl <a> gesetzt. Er kann farblich gestaltet und hervorgehoben werden.

Hier umranden wir <a> mit einem . Den Hintergrund von <a> setzen wir auf Farbe darkslategray. In HTML geht das kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    border-style:inset; 
    border-width:2pt; 
    background-color:darkslategray; 
    border-color:orange;
  }
//-->
</style>

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Einzelheiten des hier genutzten HTML-Befehl <a>.

Hintergrund/Text-Kombination von Tag p

Hier ändern wir die Textfarbe von <p> auf Farbe orange und die Hintergrundfarbe von <p> auf Farbe darkslategray. Die Schriftart setzen wir auf sans-serif und erhöhen die Schriftgröße auf 120%.

<style type="text/css"><!--
  p { 
    background-color:darkslategray; 
    color:orange; 
    font-size:120%; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zu p finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier genutzten HTML-Befehl p erfahren Sie in der HTML Referenz unter <p>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen