Ressourcen: 256 Graustufen in HTML - Kombination von Farbwert #050505 und Farbe gray214

von Thomas Salvador.

Graustufen gehören zu den unbunten Farben und zeichnen sich dadurch aus, dass ihre Farbwerte für Rot, Grün und Blau gleich sind.

Graustufen enthalten natürlich alle 16 Graustufen und insbesondere die unbunten Grundfarben Schwarz und Weiß.

Um 256 Graustufen in HTML bzw. CSS zu erzeugen, wählen wir Farbwerte rr, gg und bb mit Werten von 0 bis 255 (d.h. hexadezimal 00 bis ff).

Hintergrundfarbwert #050505

Schriftfarbe gray214

DetailHintergrund #050505 DetailSchrift gray214 
Farbwert :#050505Farbe :gray214
Farbe :gray5Farbwert :#d6d6d6
HTML:#050505HTML:gray214
HTML (Wert):#050505HTML (Wert):#d6d6d6
CSS:#050505CSS:gray214
CSS (Wert):#050505CSS (Wert):#d6d6d6
CSS (kürzest):#050505CSS (kürzest):#d6d6d6
CSS (RGB):rgb(5,5,5)CSS (RGB):rgb(214,214,214)
CSS (%RGB):rgb(1%,1%,1%)CSS (%RGB):rgb(83%,83%,83%)

Verlauf Hintergrundfarbwert #050505 nach Schriftfarbe gray214

#050505#222222#404040#5e5e5e#7c7c7c#9a9a9a#b8b8b8#d6d6d6
#050505#222222#404040#5e5e5e#7c7c7c#9a9a9a#b8b8b8#d6d6d6

Kombination von #050505 und gray214

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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

Die Ähnlichkeit von gray214 und #050505 beträgt 33.22%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 66.78%.

gray214 eignet sich als Schriftfarbe auf Hintergrund #050505. Der Helligkeitsunterschied ist ok, der Unterschied in den Farben auch.

Hintergrundfarbwert #050505

Schriftfarbe gray214

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#050505#050505#050505#050505#d6d6d6#d6d6d6#d6d6d6#d6d6d6
#282828#282828#040404#040404#dbdbdb#dbdbdb#b7b7b7#b7b7b7
#4c4c4c#4c4c4c#030303#030303#e1e1e1#e1e1e1#989898#989898
#707070#707070#020202#020202#e7e7e7#e7e7e7#7a7a7a#7a7a7a
#939393#939393#020202#020202#ededed#ededed#5b5b5b#5b5b5b
#b7b7b7#b7b7b7#010101#010101#f3f3f3#f3f3f3#3d3d3d#3d3d3d
#dbdbdb#dbdbdb#000000#000000#f9f9f9#f9f9f9#1e1e1e#1e1e1e
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #050505 und Farbe gray214

Füllen und Umranden von Tag h5

Eine Überschrift der 5. Stufe setzt man mit HTML-Befehl <h5> und kann farblich gestaltet und hervorgehoben werden.

In diesem Beispiel umranden wir <h5> mit einem . Den Hintergrund von <h5> setzen wir entsprechend auf Farbwert #050505. Mit HTML ist das nicht möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h5 { border:2px inset gray214; background-color:#050505; }
//-->
</style>

Weiteres zum Thema h5 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des HTML-Tag <h5>.

Text- und Unterstreichungsfarben bei HTML-Tag a

Mit Tag <a> wird ein Link gesetzt. Dieser kann farblich gestaltet und hervorgehoben werden.

Bei diesem Beispiel ändern wir die Textfarbe von <a> auf Farbe gray214 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße vergrößern wir auf 110%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines herausstehenden Rahmens mit 4 Pixel Dicke in Farbwert #050505. Dies ist mit HTML kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { 
    border-bottom-style: outset; 
    border-bottom-color: #050505; 
    font-family: sans-serif; 
    font-size: 110%; 
    border-bottom-width: 4px; 
    color: gray214;
  }
//-->
</style>

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

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten vom HTML-Tag a sind in der HTML Referenz unter <a> zusammengestellt.

Tabelle der 256 Graustufen in HTML

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
black #000000         +  black #000000 black / #050505
gray1 #010101         +  gray1 #010101 gray1 / #050505
gray2 #020202         +  gray2 #020202 gray2 / #050505
gray3 #030303         +  gray3 #030303 gray3 / #050505
gray4 #040404         +  gray4 #040404 gray4 / #050505
gray5 #050505         +  gray5 #050505 gray5 / #050505
gray6 #060606         +  gray6 #060606 gray6 / #050505
gray7 #070707         +  gray7 #070707 gray7 / #050505
gray8 #080808         +  gray8 #080808 gray8 / #050505
gray9 #090909         +  gray9 #090909 gray9 / #050505
gray10 #0a0a0a         +  gray10 #0a0a0a gray10 / #050505
gray11 #0b0b0b         +  gray11 #0b0b0b gray11 / #050505
gray12 #0c0c0c         +  gray12 #0c0c0c gray12 / #050505
gray13 #0d0d0d         +  gray13 #0d0d0d gray13 / #050505
gray14 #0e0e0e         +  gray14 #0e0e0e gray14 / #050505
gray15 #0f0f0f         +  gray15 #0f0f0f gray15 / #050505
gray16 #101010         +  gray16 #101010 gray16 / #050505
gray17 #111111         +  gray17 #111111 gray17 / #050505
gray18 #121212         +  gray18 #121212 gray18 / #050505
gray19 #131313         +  gray19 #131313 gray19 / #050505
gray20 #141414         +  gray20 #141414 gray20 / #050505
gray21 #151515         +  gray21 #151515 gray21 / #050505
gray22 #161616         +  gray22 #161616 gray22 / #050505
gray23 #171717         +  gray23 #171717 gray23 / #050505
gray24 #181818         +  gray24 #181818 gray24 / #050505
gray25 #191919         +  gray25 #191919 gray25 / #050505
gray26 #1a1a1a         +  gray26 #1a1a1a gray26 / #050505
gray27 #1b1b1b         +  gray27 #1b1b1b gray27 / #050505
gray28 #1c1c1c         +  gray28 #1c1c1c gray28 / #050505
gray29 #1d1d1d         +  gray29 #1d1d1d gray29 / #050505
gray30 #1e1e1e         +  gray30 #1e1e1e gray30 / #050505
gray31 #1f1f1f         +  gray31 #1f1f1f gray31 / #050505
gray32 #202020         +  gray32 #202020 gray32 / #050505
gray33 #212121         +  gray33 #212121 gray33 / #050505
gray34 #222222         +  gray34 #222222 gray34 / #050505
gray35 #232323         +  gray35 #232323 gray35 / #050505
gray36 #242424         +  gray36 #242424 gray36 / #050505
gray37 #252525         +  gray37 #252525 gray37 / #050505
gray38 #262626         +  gray38 #262626 gray38 / #050505
gray39 #272727         +  gray39 #272727 gray39 / #050505
gray40 #282828         +  gray40 #282828 gray40 / #050505
gray41 #292929         +  gray41 #292929 gray41 / #050505
gray42 #2a2a2a         +  gray42 #2a2a2a gray42 / #050505
gray43 #2b2b2b         +  gray43 #2b2b2b gray43 / #050505
gray44 #2c2c2c         +  gray44 #2c2c2c gray44 / #050505
gray45 #2d2d2d         +  gray45 #2d2d2d gray45 / #050505
gray46 #2e2e2e         +  gray46 #2e2e2e gray46 / #050505
gray47 #2f2f2f         +  gray47 #2f2f2f gray47 / #050505
gray48 #303030         +  gray48 #303030 gray48 / #050505
gray49 #313131         +  gray49 #313131 gray49 / #050505
gray50 #323232         +  gray50 #323232 gray50 / #050505
gray51 #333333         +  gray51 #333333 gray51 / #050505
gray52 #343434         +  gray52 #343434 gray52 / #050505
gray53 #353535         +  gray53 #353535 gray53 / #050505
gray54 #363636         +  gray54 #363636 gray54 / #050505
gray55 #373737         +  gray55 #373737 gray55 / #050505
gray56 #383838         +  gray56 #383838 gray56 / #050505
gray57 #393939         +  gray57 #393939 gray57 / #050505
gray58 #3a3a3a         +  gray58 #3a3a3a gray58 / #050505
gray59 #3b3b3b         +  gray59 #3b3b3b gray59 / #050505
gray60 #3c3c3c         +  gray60 #3c3c3c gray60 / #050505
gray61 #3d3d3d         +  gray61 #3d3d3d gray61 / #050505
gray62 #3e3e3e         +  gray62 #3e3e3e gray62 / #050505
gray63 #3f3f3f         +  gray63 #3f3f3f gray63 / #050505
gray64 #404040         +  gray64 #404040 gray64 / #050505
gray65 #414141         +  gray65 #414141 gray65 / #050505
gray66 #424242         +  gray66 #424242 gray66 / #050505
gray67 #434343         +  gray67 #434343 gray67 / #050505
gray68 #444444         +  gray68 #444444 gray68 / #050505
gray69 #454545         +  gray69 #454545 gray69 / #050505
gray70 #464646         +  gray70 #464646 gray70 / #050505
gray71 #474747         +  gray71 #474747 gray71 / #050505
gray72 #484848         +  gray72 #484848 gray72 / #050505
gray73 #494949         +  gray73 #494949 gray73 / #050505
gray74 #4a4a4a         +  gray74 #4a4a4a gray74 / #050505
gray75 #4b4b4b         +  gray75 #4b4b4b gray75 / #050505
gray76 #4c4c4c         +  gray76 #4c4c4c gray76 / #050505
gray77 #4d4d4d         +  gray77 #4d4d4d gray77 / #050505
gray78 #4e4e4e         +  gray78 #4e4e4e gray78 / #050505
gray79 #4f4f4f         +  gray79 #4f4f4f gray79 / #050505
gray80 #505050         +  gray80 #505050 gray80 / #050505
gray81 #515151         +  gray81 #515151 gray81 / #050505
gray82 #525252         +  gray82 #525252 gray82 / #050505
gray83 #535353         +  gray83 #535353 gray83 / #050505
gray84 #545454         +  gray84 #545454 gray84 / #050505
gray85 #555555         +  gray85 #555555 gray85 / #050505
gray86 #565656         +  gray86 #565656 gray86 / #050505
gray87 #575757         +  gray87 #575757 gray87 / #050505
gray88 #585858         +  gray88 #585858 gray88 / #050505
gray89 #595959         +  gray89 #595959 gray89 / #050505
gray90 #5a5a5a         +  gray90 #5a5a5a gray90 / #050505
gray91 #5b5b5b         +  gray91 #5b5b5b gray91 / #050505
gray92 #5c5c5c         +  gray92 #5c5c5c gray92 / #050505
gray93 #5d5d5d         +  gray93 #5d5d5d gray93 / #050505
gray94 #5e5e5e         +  gray94 #5e5e5e gray94 / #050505
gray95 #5f5f5f         +  gray95 #5f5f5f gray95 / #050505
gray96 #606060         +  gray96 #606060 gray96 / #050505
gray97 #616161         +  gray97 #616161 gray97 / #050505
gray98 #626262         +  gray98 #626262 gray98 / #050505
gray99 #636363         +  gray99 #636363 gray99 / #050505
gray100 #646464         +  gray100 #646464 gray100 / #050505
gray101 #656565         +  gray101 #656565 gray101 / #050505
gray102 #666666         +  gray102 #666666 gray102 / #050505
gray103 #676767         +  gray103 #676767 gray103 / #050505
gray104 #686868         +  gray104 #686868 gray104 / #050505
gray105 #696969         +  gray105 #696969 gray105 / #050505
gray106 #6a6a6a         +  gray106 #6a6a6a gray106 / #050505
gray107 #6b6b6b         +  gray107 #6b6b6b gray107 / #050505
gray108 #6c6c6c         +  gray108 #6c6c6c gray108 / #050505
gray109 #6d6d6d         +  gray109 #6d6d6d gray109 / #050505
gray110 #6e6e6e         +  gray110 #6e6e6e gray110 / #050505
gray111 #6f6f6f         +  gray111 #6f6f6f gray111 / #050505
gray112 #707070         +  gray112 #707070 gray112 / #050505
gray113 #717171         +  gray113 #717171 gray113 / #050505
gray114 #727272         +  gray114 #727272 gray114 / #050505
gray115 #737373         +  gray115 #737373 gray115 / #050505
gray116 #747474         +  gray116 #747474 gray116 / #050505
gray117 #757575         +  gray117 #757575 gray117 / #050505
gray118 #767676         +  gray118 #767676 gray118 / #050505
gray119 #777777         +  gray119 #777777 gray119 / #050505
gray120 #787878         +  gray120 #787878 gray120 / #050505
gray121 #797979         +  gray121 #797979 gray121 / #050505
gray122 #7a7a7a         +  gray122 #7a7a7a gray122 / #050505
gray123 #7b7b7b         +  gray123 #7b7b7b gray123 / #050505
gray124 #7c7c7c         +  gray124 #7c7c7c gray124 / #050505
gray125 #7d7d7d         +  gray125 #7d7d7d gray125 / #050505
gray126 #7e7e7e         +  gray126 #7e7e7e gray126 / #050505
gray127 #7f7f7f         +  gray127 #7f7f7f gray127 / #050505
gray #808080         +  gray #808080 gray / #050505
gray129 #818181         +  gray129 #818181 gray129 / #050505
gray130 #828282         +  gray130 #828282 gray130 / #050505
gray131 #838383         +  gray131 #838383 gray131 / #050505
gray132 #848484         +  gray132 #848484 gray132 / #050505
gray133 #858585         +  gray133 #858585 gray133 / #050505
gray134 #868686         +  gray134 #868686 gray134 / #050505
gray135 #878787         +  gray135 #878787 gray135 / #050505
gray136 #888888         +  gray136 #888888 gray136 / #050505
gray137 #898989         +  gray137 #898989 gray137 / #050505
gray138 #8a8a8a         +  gray138 #8a8a8a gray138 / #050505
gray139 #8b8b8b         +  gray139 #8b8b8b gray139 / #050505
gray140 #8c8c8c         +  gray140 #8c8c8c gray140 / #050505
gray141 #8d8d8d         +  gray141 #8d8d8d gray141 / #050505
gray142 #8e8e8e         +  gray142 #8e8e8e gray142 / #050505
gray143 #8f8f8f         +  gray143 #8f8f8f gray143 / #050505
gray144 #909090         +  gray144 #909090 gray144 / #050505
gray145 #919191         +  gray145 #919191 gray145 / #050505
gray146 #929292         +  gray146 #929292 gray146 / #050505
gray147 #939393         +  gray147 #939393 gray147 / #050505
gray148 #949494         +  gray148 #949494 gray148 / #050505
gray149 #959595         +  gray149 #959595 gray149 / #050505
gray150 #969696         +  gray150 #969696 gray150 / #050505
gray151 #979797         +  gray151 #979797 gray151 / #050505
gray152 #989898         +  gray152 #989898 gray152 / #050505
gray153 #999999         +  gray153 #999999 gray153 / #050505
gray154 #9a9a9a         +  gray154 #9a9a9a gray154 / #050505
gray155 #9b9b9b         +  gray155 #9b9b9b gray155 / #050505
gray156 #9c9c9c         +  gray156 #9c9c9c gray156 / #050505
gray157 #9d9d9d         +  gray157 #9d9d9d gray157 / #050505
gray158 #9e9e9e         +  gray158 #9e9e9e gray158 / #050505
gray159 #9f9f9f         +  gray159 #9f9f9f gray159 / #050505
gray160 #a0a0a0         +  gray160 #a0a0a0 gray160 / #050505
gray161 #a1a1a1         +  gray161 #a1a1a1 gray161 / #050505
gray162 #a2a2a2         +  gray162 #a2a2a2 gray162 / #050505
gray163 #a3a3a3         +  gray163 #a3a3a3 gray163 / #050505
gray164 #a4a4a4         +  gray164 #a4a4a4 gray164 / #050505
gray165 #a5a5a5         +  gray165 #a5a5a5 gray165 / #050505
gray166 #a6a6a6         +  gray166 #a6a6a6 gray166 / #050505
gray167 #a7a7a7         +  gray167 #a7a7a7 gray167 / #050505
gray168 #a8a8a8         +  gray168 #a8a8a8 gray168 / #050505
gray169 #a9a9a9         +  gray169 #a9a9a9 gray169 / #050505
gray170 #aaaaaa         +  gray170 #aaaaaa gray170 / #050505
gray171 #ababab         +  gray171 #ababab gray171 / #050505
gray172 #acacac         +  gray172 #acacac gray172 / #050505
gray173 #adadad         +  gray173 #adadad gray173 / #050505
gray174 #aeaeae         +  gray174 #aeaeae gray174 / #050505
gray175 #afafaf         +  gray175 #afafaf gray175 / #050505
gray176 #b0b0b0         +  gray176 #b0b0b0 gray176 / #050505
gray177 #b1b1b1         +  gray177 #b1b1b1 gray177 / #050505
gray178 #b2b2b2         +  gray178 #b2b2b2 gray178 / #050505
gray179 #b3b3b3         +  gray179 #b3b3b3 gray179 / #050505
gray180 #b4b4b4         +  gray180 #b4b4b4 gray180 / #050505
gray181 #b5b5b5         +  gray181 #b5b5b5 gray181 / #050505
gray182 #b6b6b6         +  gray182 #b6b6b6 gray182 / #050505
gray183 #b7b7b7         +  gray183 #b7b7b7 gray183 / #050505
gray184 #b8b8b8         +  gray184 #b8b8b8 gray184 / #050505
gray185 #b9b9b9         +  gray185 #b9b9b9 gray185 / #050505
gray186 #bababa         +  gray186 #bababa gray186 / #050505
gray187 #bbbbbb         +  gray187 #bbbbbb gray187 / #050505
gray188 #bcbcbc         +  gray188 #bcbcbc gray188 / #050505
gray189 #bdbdbd         +  gray189 #bdbdbd gray189 / #050505
gray190 #bebebe         +  gray190 #bebebe gray190 / #050505
gray191 #bfbfbf         +  gray191 #bfbfbf gray191 / #050505
silver #c0c0c0         +  silver #c0c0c0 silver / #050505
gray193 #c1c1c1         +  gray193 #c1c1c1 gray193 / #050505
gray194 #c2c2c2         +  gray194 #c2c2c2 gray194 / #050505
gray195 #c3c3c3         +  gray195 #c3c3c3 gray195 / #050505
gray196 #c4c4c4         +  gray196 #c4c4c4 gray196 / #050505
gray197 #c5c5c5         +  gray197 #c5c5c5 gray197 / #050505
gray198 #c6c6c6         +  gray198 #c6c6c6 gray198 / #050505
gray199 #c7c7c7         +  gray199 #c7c7c7 gray199 / #050505
gray200 #c8c8c8         +  gray200 #c8c8c8 gray200 / #050505
gray201 #c9c9c9         +  gray201 #c9c9c9 gray201 / #050505
gray202 #cacaca         +  gray202 #cacaca gray202 / #050505
gray203 #cbcbcb         +  gray203 #cbcbcb gray203 / #050505
gray204 #cccccc         +  gray204 #cccccc gray204 / #050505
gray205 #cdcdcd         +  gray205 #cdcdcd gray205 / #050505
gray206 #cecece         +  gray206 #cecece gray206 / #050505
gray207 #cfcfcf         +  gray207 #cfcfcf gray207 / #050505
gray208 #d0d0d0         +  gray208 #d0d0d0 gray208 / #050505
gray209 #d1d1d1         +  gray209 #d1d1d1 gray209 / #050505
gray210 #d2d2d2         +  gray210 #d2d2d2 gray210 / #050505
gray211 #d3d3d3         +  gray211 #d3d3d3 gray211 / #050505
gray212 #d4d4d4         +  gray212 #d4d4d4 gray212 / #050505
gray213 #d5d5d5         +  gray213 #d5d5d5 gray213 / #050505
gray214 #d6d6d6         +  gray214 #d6d6d6 gray214 / #050505
gray215 #d7d7d7         +  gray215 #d7d7d7 gray215 / #050505
gray216 #d8d8d8         +  gray216 #d8d8d8 gray216 / #050505
gray217 #d9d9d9         +  gray217 #d9d9d9 gray217 / #050505
gray218 #dadada         +  gray218 #dadada gray218 / #050505
gray219 #dbdbdb         +  gray219 #dbdbdb gray219 / #050505
gray220 #dcdcdc         +  gray220 #dcdcdc gray220 / #050505
gray221 #dddddd         +  gray221 #dddddd gray221 / #050505
gray222 #dedede         +  gray222 #dedede gray222 / #050505
gray223 #dfdfdf         +  gray223 #dfdfdf gray223 / #050505
gray224 #e0e0e0         +  gray224 #e0e0e0 gray224 / #050505
gray225 #e1e1e1         +  gray225 #e1e1e1 gray225 / #050505
gray226 #e2e2e2         +  gray226 #e2e2e2 gray226 / #050505
gray227 #e3e3e3         +  gray227 #e3e3e3 gray227 / #050505
gray228 #e4e4e4         +  gray228 #e4e4e4 gray228 / #050505
gray229 #e5e5e5         +  gray229 #e5e5e5 gray229 / #050505
gray230 #e6e6e6         +  gray230 #e6e6e6 gray230 / #050505
gray231 #e7e7e7         +  gray231 #e7e7e7 gray231 / #050505
gray232 #e8e8e8         +  gray232 #e8e8e8 gray232 / #050505
gray233 #e9e9e9         +  gray233 #e9e9e9 gray233 / #050505
gray234 #eaeaea         +  gray234 #eaeaea gray234 / #050505
gray235 #ebebeb         +  gray235 #ebebeb gray235 / #050505
gray236 #ececec         +  gray236 #ececec gray236 / #050505
gray237 #ededed         +  gray237 #ededed gray237 / #050505
gray238 #eeeeee         +  gray238 #eeeeee gray238 / #050505
gray239 #efefef         +  gray239 #efefef gray239 / #050505
gray240 #f0f0f0         +  gray240 #f0f0f0 gray240 / #050505
gray241 #f1f1f1         +  gray241 #f1f1f1 gray241 / #050505
gray242 #f2f2f2         +  gray242 #f2f2f2 gray242 / #050505
gray243 #f3f3f3         +  gray243 #f3f3f3 gray243 / #050505
gray244 #f4f4f4         +  gray244 #f4f4f4 gray244 / #050505
gray245 #f5f5f5         +  gray245 #f5f5f5 gray245 / #050505
gray246 #f6f6f6         +  gray246 #f6f6f6 gray246 / #050505
gray247 #f7f7f7         +  gray247 #f7f7f7 gray247 / #050505
gray248 #f8f8f8         +  gray248 #f8f8f8 gray248 / #050505
gray249 #f9f9f9         +  gray249 #f9f9f9 gray249 / #050505
gray250 #fafafa         +  gray250 #fafafa gray250 / #050505
gray251 #fbfbfb         +  gray251 #fbfbfb gray251 / #050505
gray252 #fcfcfc         +  gray252 #fcfcfc gray252 / #050505
gray253 #fdfdfd         +  gray253 #fdfdfd gray253 / #050505
gray254 #fefefe         +  gray254 #fefefe gray254 / #050505
white #ffffff         +  white #ffffff white / #050505

Weitere Farbtabellen