Ressourcen: 256 Graustufen in HTML - Kombinationen mit Farbwert #1a1a1a

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 #1a1a1a

DetailHintergrundfarbwert #1a1a1a Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#1a1a1a#1a1a1a#1a1a1a#1a1a1a#1a1a1a
Farbe :gray26#3a3a3a#3a3a3a#161616#161616
HTML:#1a1a1a#5b5b5b#5b5b5b#121212#121212
CSS:#1a1a1a#7c7c7c#7c7c7c#0e0e0e#0e0e0e
CSS (Wert):#1a1a1a#9c9c9c#9c9c9c#0b0b0b#0b0b0b
CSS (kürzest):#1a1a1a#bdbdbd#bdbdbd#070707#070707
CSS (RGB):rgb(26,26,26)#dedede#dedede#030303#030303
CSS (%RGB):rgb(10%,10%,10%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #1a1a1a

Änderung der Textfarbe bei Hover mit Tag pre

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <pre> so ein, dass sich bei Hover die Textfarbe auf Farbwert #1a1a1a ändert.
<style type="text/css"><!--
  pre:hover { 
    color:#1a1a1a;
  }
//-->
</style>

Mehr zu pre können Sie in Blockorientierte Elemente in HTML erfahren. Zur Beschreibung vom hier gezeigten Befehl <pre>.

Umrandung von HTML-Tag img

In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #1a1a1a. Das ist in HTML nicht möglich. Wir verwenden daher CSS.

<style type="text/css"><!--
  img { 
    border-color:#1a1a1a; 
    border-width:4px; 
    border-style:dotted;
  }
//-->
</style>

Mehr zu img erfahren Sie in Grafik in HTML. Zur Beschreibung vom hier genutzten Tag <img>.

Tabelle der 256 Graustufen in HTML

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

Weitere Farbtabellen