Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #909090

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 #909090

DetailHintergrundfarbwert #909090 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#909090#909090#909090#909090#909090
Farbe :gray144#9f9f9f#9f9f9f#7b7b7b#7b7b7b
HTML:#909090#afafaf#afafaf#666666#666666
CSS:#909090#bfbfbf#bfbfbf#525252#525252
CSS (Wert):#909090#cfcfcf#cfcfcf#3d3d3d#3d3d3d
CSS (kürzest):#909090#dfdfdf#dfdfdf#292929#292929
CSS (RGB):rgb(144,144,144)#efefef#efefef#141414#141414
CSS (%RGB):rgb(56%,56%,56%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #909090

Änderung der Hintergrundfarbe von HTML-Befehl h2

Eine Überschrift der 2. Stufe wird mit Tag <h2> gesetzt. Diese kann man farblich gestalten und hervorheben.

Wir legen zum Beispiel bei <h2> die Hintergrundfarbe auf Farbwert #909090 fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf monospace und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  h2 { 
    font-family:monospace; 
    font-size:13px; 
    background-color:#909090;
  }
//-->
</style>

Weiteres zum Thema h2 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum HTML-Tag h2 lesen Sie in der HTML Referenz unter <h2>.

Änderung der Unterstreichung bei Hover bei Tag caption

Die Unterstreichungsfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <caption> vor.

<style type="text/css"><!--
  caption { border-bottom:4px groove #6dfe21; }
//-->
</style>
Nun stellen wir ein, dass bei Hover die Farbe der Unterstreichung auf Farbwert #909090 gesetzt wird.
<style type="text/css"><!--
  caption:hover { 
    border-bottom-color:#909090;
  }
//-->
</style>

Die Idee ist hierbei, verschiedene Formatierungen für Inhalt und Unterstreichung zu nutzen. Öfter sehen Sie das bei Links. Der Text ist in einer Farbe. Und die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "wirkliche" Unterstreichung, der Text hat überhaupt keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Mehr zum Thema lesen Sie in Tabellen in HTML. Mehr zum Tag caption erfahren Sie in der HTML Referenz unter <caption>.

Tabelle der 256 Graustufen in HTML

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

Weitere Farbtabellen