Ressourcen: 137 HTML Farbnamen - Kombination von Farbe crimson und Farbe lightyellow

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 crimson

Schriftfarbe lightyellow

DetailHintergrund crimson DetailSchrift lightyellow 
Farbe :crimsonFarbe :lightyellow
Farbwert :#dc143cFarbwert :#ffffe0
HTML:crimsonHTML:lightyellow
HTML (Wert):#dc143cHTML (Wert):#ffffe0
CSS:crimsonCSS:lightyellow
CSS (Wert):#dc143cCSS (Wert):#ffffe0
CSS (kürzest):#dc143cCSS (kürzest):#ffffe0
CSS (RGB):rgb(220,20,60)CSS (RGB):rgb(255,255,224)
CSS (%RGB):rgb(86%,7%,23%)CSS (%RGB):rgb(100%,100%,87%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbe lightyellow

#dc143c#e13553#e6576a#eb7882#f09a99#f5bbb1#faddc8#ffffe0
#dc143c#e13553#e6576a#eb7882#f09a99#f5bbb1#faddc8#ffffe0

Kombination von crimson und lightyellow

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.

lightyellow ist nicht als Schriftfarbe auf Hintergrund crimson geeignet. Zwar ist der Helligkeitsunterschied gut, doch die Farben selbst sind zu ähnlich.

Die Ähnlichkeit der Farben lightyellow und crimson beträgt 76.65%. Die Lesbarkeit dieser Kombination liegt damit bei 23.35%.

Hintergrundfarbe crimson

Schriftfarbe lightyellow

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#dc143c#dc143c#dc143c#dc143c#ffffe0#ffffe0#ffffe0#ffffe0
#e13557#e13557#bc1133#bc1133#ffffe4#ffffe4#dadac0#dadac0
#e65773#e65773#9d0e2a#9d0e2a#ffffe8#ffffe8#b6b6a0#b6b6a0
#eb788f#eb788f#7d0b22#7d0b22#ffffed#ffffed#919180#919180
#f09aab#f09aab#5e0819#5e0819#fffff1#fffff1#6d6d60#6d6d60
#f5bbc7#f5bbc7#3e0511#3e0511#fffff6#fffff6#484840#484840
#fadde3#fadde3#1f0208#1f0208#fffffa#fffffa#242420#242420
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe crimson und Farbe lightyellow

Füllen und Umranden bei HTML-Tag a

Einen Link erzeugen Sie mit HTML-Tag <a>. Diesen kann man farblich gestalten und hervorheben.

Hier umranden wir <a> mit einem gefurchten, 3 Punkte dicken Rahmen in Farbe lightyellow . Die Hintergrundfarbe für <a> färben wir entsprechend mit Farbe crimson. Dies ist mit HTML so kaum möglich. Deshalb verwenden wir hierfür CSS.

<style type="text/css"><!--
  a { 
    border-style:groove; 
    border-color:lightyellow; 
    border-width:3pt; 
    background-color:crimson;
  }
//-->
</style>

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Der hier gezeigte HTML-Befehl a ist in der HTML Referenz unter <a> genau beschrieben.

Hintergrund/Text-Kombination von HTML-Tag p

Wir ändern für dieses Beispiel die Textfarbe von <p> auf Farbe lightyellow und die Hintergrundfarbe von <p> auf Farbe crimson. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße setzen wir auf 126%.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Zur Beschreibung vom hier gezeigten Tag <p>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen