CINXE.COM

<!DOCTYPE html> <html lang="de"> <head > <meta charset="UTF-8" /> <title>HTML / CSS Farbentabelle</title><meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name='robots' content='max-image-preview:large' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="planethtml.de » Feed" href="https://www.planethtml.de/feed/" /> <link rel="alternate" type="application/rss+xml" title="planethtml.de » Kommentar-Feed" href="https://www.planethtml.de/comments/feed/" /> <link rel="canonical" href="https://www.planethtml.de/css/html-css-farbentabelle/" /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.planethtml.de\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.9.10"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([10084,65039,8205,55357,56613],[10084,65039,8203,55357,56613])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='child-theme-css' href='https://www.planethtml.de/wp-content/themes/genesis/style.css?ver=2.2.4' type='text/css' media='all' /> <link rel='stylesheet' id='wp-block-library-css' href='https://www.planethtml.de/wp-includes/css/dist/block-library/style.min.css?ver=5.9.10' type='text/css' media='all' /> <style id='global-styles-inline-css' type='text/css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel='stylesheet' id='cookie-notice-front-css' href='https://www.planethtml.de/wp-content/plugins/cookie-notice/includes/../css/front.min.css?ver=5.9.10' type='text/css' media='all' /> <script type='text/javascript' src='https://www.planethtml.de/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script> <script type='text/javascript' src='https://www.planethtml.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script> <script type='text/javascript' src='https://www.planethtml.de/wp-content/themes/genesis/lib/js/skip-links.js?ver=5.9.10' id='skip-links-js'></script> <link rel="https://api.w.org/" href="https://www.planethtml.de/wp-json/" /><link rel="alternate" type="application/json" href="https://www.planethtml.de/wp-json/wp/v2/pages/94" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.planethtml.de/xmlrpc.php?rsd" /> <link rel="alternate" type="application/json+oembed" href="https://www.planethtml.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.planethtml.de%2Fcss%2Fhtml-css-farbentabelle%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.planethtml.de/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.planethtml.de%2Fcss%2Fhtml-css-farbentabelle%2F&format=xml" /> <link rel="Shortcut Icon" href="https://www.planethtml.de/wp-content/themes/genesis/images/favicon.ico" type="image/x-icon" /> <link rel="pingback" href="https://www.planethtml.de/xmlrpc.php" />  </head> <body data-rsssl=1 class="page-template-default page page-id-94 page-child parent-pageid-42 header-image nolayout cookies-not-set" itemscope itemtype="http://schema.org/WebPage"><div class="site-container"><section><h2 class="screen-reader-text">Skip links</h2><ul class="genesis-skip-link"><li><a href="#genesis-nav-primary" class="screen-reader-shortcut"> Skip to primary navigation</a></li><li><a href="#genesis-content" class="screen-reader-shortcut"> Skip to content</a></li><li><a href="#genesis-sidebar-primary" class="screen-reader-shortcut"> Skip to primary sidebar</a></li></ul></section> <header class="site-header" itemscope itemtype="http://schema.org/WPHeader"><div class="wrap"><div class="title-area"><p class="site-title" itemprop="headline"><a href="https://www.planethtml.de/">planethtml.de</a></p><p class="site-description" itemprop="description">Der einfachste Weg HTML zu lernen!</p></div><div class="widget-area header-widget-area"><h2 class="genesis-sidebar-title screen-reader-text">Header Right</h2><section id="text-4" class="widget widget_text"><div class="widget-wrap"> <div class="textwidget"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2678482533471340" data-ad-slot="9896584754" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div></section> </div></div></header><h2 class="screen-reader-text">Main navigation</h2><nav class="nav-primary" itemscope itemtype="http://schema.org/SiteNavigationElement" id="genesis-nav-primary" aria-label="Main navigation"><div class="wrap"><ul id="menu-top-menue" class="menu genesis-nav-menu menu-primary js-superfish"><li id="menu-item-16" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-16"><a href="https://www.planethtml.de" itemprop="url"><span itemprop="name">Startseite</span></a></li> <li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-18"><a href="https://www.planethtml.de/html/" itemprop="url"><span itemprop="name">HTML</span></a></li> <li id="menu-item-44" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-44"><a href="https://www.planethtml.de/css/" itemprop="url"><span itemprop="name">CSS</span></a></li> </ul></div></nav><div class="site-inner"><div class="content-sidebar-wrap"><main class="content" id="genesis-content"><article class="post-94 page type-page status-publish entry" itemscope itemtype="http://schema.org/CreativeWork"><header class="entry-header"><h1 class="entry-title" itemprop="headline">HTML / CSS Farbentabelle</h1> </header><div class="entry-content" itemprop="text"><p>Kopiere den <b>RGB-Farbcode</b> und setze diesen dann in dein HTML-Dokument ein (z.B. innerhalb eines style-Attributes)!</p> <table style="width: 600px; margin: auto;"> <tr height="20"> <td style="background-color:#000000" width=15%><span style="color:#ffffff;">#000000</span></td> <td style="background-color:#0000ff" width=15%><span style="color:#ffffff;">#0000ff</span></td> <td style="background-color:#00ff00" width=15%><span style="color:#000000">#00ff00</span></td> <td style="background-color:#ff0000" width=15%><span style="color:#000000">#ff0000</span></td> <td style="background-color:#ffff00" width=20%><span style="color:#000000">#ffff00c</span></td> <td style="background-color:#ffffff" width=20%><span style="color:#000000">#ffffff</span></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr height="20"> <td style="background-color:#003300" width=15%><span style="color:#ffffff">#003300</span></td> <td style="background-color:#003333" width=15%><span style="color:#ffffff">#003333</span></td> <td style="background-color:#003366" width=15%><span style="color:#ffffff">#003366</span></td> <td style="background-color:#003399" width=15%><span style="color:#ffffff">#003399</span></td> <td style="background-color:#0033cc" width=20%><span style="color:#ffffff">#0033cc</span></td> <td style="background-color:#0033ff" width=20%><span style="color:#ffffff">#0033ff</span></td> </tr> <tr height="20"> <td style="background-color:#006600" width=15%><span style="color:#ffffff">#006600</span></td> <td style="background-color:#006633" width=15%><span style="color:#ffffff">#006633</span></td> <td style="background-color:#006666" width=15%><span style="color:#ffffff">#006666</span></td> <td style="background-color:#006699" width=15%><span style="color:#ffffff">#006699</span></td> <td style="background-color:#0066cc" width=20%><span style="color:#ffffff">#0066cc</span></td> <td style="background-color:#0066ff" width=20%><span style="color:#ffffff">#0066ff</span></td> </tr> <tr height="20"> <td style="background-color:#009900" width=15%><span style="color:#ffffff">#009900</span></td> <td style="background-color:#009933" width=15%><span style="color:#ffffff">#009933</span></td> <td style="background-color:#009966" width=15%><span style="color:#ffffff">#009966</span></td> <td style="background-color:#009999" width=15%><span style="color:#ffffff">#009999</span></td> <td style="background-color:#0099cc" width=20%><span style="color:#ffffff">#0099cc</span></td> <td style="background-color:#0099ff" width=20%><span style="color:#ffffff">#0099ff</span></td> </tr> <tr height="20"> <td style="background-color:#00cc00" width=15%><span style="color:#000000">#00cc00</span></td> <td style="background-color:#00cc33" width=15%><span style="color:#000000">#00cc33</span></td> <td style="background-color:#00cc66" width=15%><span style="color:#000000">#00cc66</span></td> <td style="background-color:#00cc99" width=15%><span style="color:#000000">#00cc99</span></td> <td style="background-color:#00cccc" width=20%><span style="color:#000000">#00cccc</span></td> <td style="background-color:#00ccff" width=20%><span style="color:#000000">#00ccff</span></td> </tr> <tr height="20"> <td style="background-color:#00ff00" width=15%><span style="color:#000000">#00ff00</span></td> <td style="background-color:#00ff33" width=15%><span style="color:#000000">#00ff33</span></td> <td style="background-color:#00ff66" width=15%><span style="color:#000000">#00ff66</span></td> <td style="background-color:#00ff99" width=15%><span style="color:#000000">#00ff99</span></td> <td style="background-color:#00ffcc" width=20%><span style="color:#000000">#00ffcc</span></td> <td style="background-color:#00ffff" width=20%><span style="color:#000000">#00ffff</span></td> </tr> <tr height="20"> <td style="background-color:#663300" width=15%><span style="color:#ffffff">#333300</span></td> <td style="background-color:#663333" width=15%><span style="color:#ffffff">#333333</span></td> <td style="background-color:#663366" width=15%><span style="color:#ffffff">#333366</span></td> <td style="background-color:#663399" width=15%><span style="color:#ffffff">#333399</span></td> <td style="background-color:#6633cc" width=20%><span style="color:#ffffff">#3333cc</span></td> <td style="background-color:#6633ff" width=20%><span style="color:#ffffff">#3333ff</span></td> </tr> <tr height="20"> <td style="background-color:#666600" width=15%><span style="color:#ffffff">#666600</span></td> <td style="background-color:#666633" width=15%><span style="color:#ffffff">#666633</span></td> <td style="background-color:#666666" width=15%><span style="color:#ffffff">#666666</span></td> <td style="background-color:#666699" width=15%><span style="color:#ffffff">#666699</span></td> <td style="background-color:#6666cc" width=20%><span style="color:#ffffff">#6666cc</span></td> <td style="background-color:#6666ff" width=20%><span style="color:#ffffff">#6666ff</span></td> </tr> <tr height="20"> <td style="background-color:#339900" width=15%><span style="color:#ffffff">#339900</span></td> <td style="background-color:#339933" width=15%><span style="color:#ffffff">#339933</span></td> <td style="background-color:#339966" width=15%><span style="color:#ffffff">#339966</span></td> <td style="background-color:#339999" width=15%><span style="color:#ffffff">#339999</span></td> <td style="background-color:#3399cc" width=20%><span style="color:#ffffff">#3399cc</span></td> <td style="background-color:#3399ff" width=20%><span style="color:#ffffff">#3399ff</span></td> </tr> <tr height="20"> <td style="background-color:#33cc00" width=15%><span style="color:#000000">#33cc00</span></td> <td style="background-color:#33cc33" width=15%><span style="color:#000000">#33cc33</span></td> <td style="background-color:#33cc66" width=15%><span style="color:#000000">#33cc66</span></td> <td style="background-color:#33cc99" width=15%><span style="color:#000000">#33cc99</span></td> <td style="background-color:#33cccc" width=20%><span style="color:#000000">#33cccc</span></td> <td style="background-color:#33ccff" width=20%><span style="color:#000000">#33ccff</span></td> </tr> <tr height="20"> <td style="background-color:#33ff00" width=15%><span style="color:#000000">#33ff00</span></td> <td style="background-color:#33ff33" width=15%><span style="color:#000000">#33ff33</span></td> <td style="background-color:#33ff66" width=15%><span style="color:#000000">#33ff66</span></td> <td style="background-color:#33ff99" width=15%><span style="color:#000000">#33ff99</span></td> <td style="background-color:#33ffcc" width=20%><span style="color:#000000">#33ffcc</span></td> <td style="background-color:#33ffff" width=20%><span style="color:#000000">#33ffff</span></td> </tr> <tr height="20"> <td style="background-color:#cc3300" width=15%><span style="color:#ffffff">#cc3300</span></td> <td style="background-color:#cc3333" width=15%><span style="color:#ffffff">#cc3333</span></td> <td style="background-color:#cc3366" width=15%><span style="color:#ffffff">#cc3366</span></td> <td style="background-color:#cc3399" width=15%><span style="color:#ffffff">#cc3399</span></td> <td style="background-color:#cc33cc" width=20%><span style="color:#ffffff">#cc33cc</span></td> <td style="background-color:#cc33ff" width=20%><span style="color:#ffffff">#cc33ff</span></td> </tr> <tr height="20"> <td style="background-color:#cc6600" width=15%><span style="color:#ffffff">#cc6600</span></td> <td style="background-color:#cc6633" width=15%><span style="color:#ffffff">#cc6633</span></td> <td style="background-color:#cc6666" width=15%><span style="color:#ffffff">#cc6666</span></td> <td style="background-color:#cc6699" width=15%><span style="color:#ffffff">#cc6699</span></td> <td style="background-color:#cc66cc" width=20%><span style="color:#ffffff">#cc66cc</span></td> <td style="background-color:#cc66ff" width=20%><span style="color:#ffffff">#cc66ff</span></td> </tr> <tr height="20"> <td style="background-color:#cc9900" width=15%><span style="color:#ffffff">#cc9900</span></td> <td style="background-color:#cc9933" width=15%><span style="color:#ffffff">#cc9933</span></td> <td style="background-color:#cc9966" width=15%><span style="color:#ffffff">#cc9966</span></td> <td style="background-color:#cc9999" width=15%><span style="color:#ffffff">#cc9999</span></td> <td style="background-color:#cc99cc" width=20%><span style="color:#ffffff">#cc99cc</span></td> <td style="background-color:#cc99ff" width=20%><span style="color:#ffffff">#cc99ff</span></td> </tr> <tr height="20"> <td style="background-color:#cccc00" width=15%><span style="color:#000000">#cccc00</span></td> <td style="background-color:#cccc33" width=15%><span style="color:#000000">#cccc33</span></td> <td style="background-color:#cccc66" width=15%><span style="color:#000000">#cccc66</span></td> <td style="background-color:#cccc99" width=15%><span style="color:#000000">#cccc99</span></td> <td style="background-color:#cccccc" width=20%><span style="color:#000000">#cccccc</span></td> <td style="background-color:#ccccff" width=20%><span style="color:#000000">#ccccff</span></td> </tr> <tr height="20"> <td style="background-color:#ccff00" width=15%><span style="color:#000000">#ccff00</span></td> <td style="background-color:#ccff33" width=15%><span style="color:#000000">#ccff33</span></td> <td style="background-color:#ccff66" width=15%><span style="color:#000000">#ccff66</span></td> <td style="background-color:#ccff99" width=15%><span style="color:#000000">#ccff99</span></td> <td style="background-color:#ccffcc" width=20%><span style="color:#000000">#ccffcc</span></td> <td style="background-color:#ccffff" width=20%><span style="color:#000000">#ccffff</span></td> </tr> <tr height="20"> <td style="background-color:#ff3300" width=15%><span style="color:#ffffff">#ff3300</span></td> <td style="background-color:#ff3333" width=15%><span style="color:#ffffff">#ff3333</span></td> <td style="background-color:#ff3366" width=15%><span style="color:#ffffff">#ff3366</span></td> <td style="background-color:#ff3399" width=15%><span style="color:#ffffff">#ff3399</span></td> <td style="background-color:#ff33cc" width=20%><span style="color:#ffffff">#ff33cc</span></td> <td style="background-color:#ff33ff" width=20%><span style="color:#ffffff">#ff33ff</span></td> </tr> <tr height="20"> <td style="background-color:#ff6600" width=15%><span style="color:#ffffff">#ff6600</span></td> <td style="background-color:#ff6633" width=15%><span style="color:#ffffff">#ff6633</span></td> <td style="background-color:#ff6666" width=15%><span style="color:#ffffff">#ff6666</span></td> <td style="background-color:#ff6699" width=15%><span style="color:#ffffff">#ff6699</span></td> <td style="background-color:#ff66cc" width=20%><span style="color:#ffffff">#ff66cc</span></td> <td style="background-color:#ff66ff" width=20%><span style="color:#ffffff">#ff66ff</span></td> </tr> <tr height="20"> <td style="background-color:#ff9900" width=15%><span style="color:#ffffff">#ff9900</span></td> <td style="background-color:#ff9933" width=15%><span style="color:#ffffff">#ff9933</span></td> <td style="background-color:#ff9966" width=15%><span style="color:#ffffff">#ff9966</span></td> <td style="background-color:#ff9999" width=15%><span style="color:#ffffff">#ff9999</span></td> <td style="background-color:#ff99cc" width=20%><span style="color:#ffffff">#ff99cc</span></td> <td style="background-color:#ff99ff" width=20%><span style="color:#ffffff">#ff99ff</span></td> </tr> <tr height="20"> <td style="background-color:#ffcc00" width=15%><span style="color:#000000">#ffcc00</span></td> <td style="background-color:#ffcc33" width=15%><span style="color:#000000">#ffcc33</span></td> <td style="background-color:#ffcc66" width=15%><span style="color:#000000">#ffcc66</span></td> <td style="background-color:#ffcc99" width=15%><span style="color:#000000">#ffcc99</span></td> <td style="background-color:#ffcccc" width=20%><span style="color:#000000">#ffcccc</span></td> <td style="background-color:#ffccff" width=20%><span style="color:#000000">#ffccff</span></td> </tr> <tr height="20"> <td style="background-color:#ffff00" width=15%><span style="color:#000000">#ffff00</span></td> <td style="background-color:#ffff33" width=15%><span style="color:#000000">#ffff33</span></td> <td style="background-color:#ffff66" width=15%><span style="color:#000000">#ffff66</span></td> <td style="background-color:#ffff99" width=15%><span style="color:#000000">#ffff99</span></td> <td style="background-color:#ffffcc" width=20%><span style="color:#000000">#ffffcc</span></td> <td style="background-color:#ffffff" width=20%><span style="color:#000000">#ffffff</span></td> </tr> </table> <p></br></br><br /> <a href="https://www.planethtml.de/css/">Zur眉ck zur 脺bersicht CSS …</a></p> </div></article></main><aside class="sidebar sidebar-primary widget-area" role="complementary" aria-label="Primary Sidebar" itemscope itemtype="http://schema.org/WPSideBar" id="genesis-sidebar-primary"><h2 class="genesis-sidebar-title screen-reader-text">Primary Sidebar</h2><section id="text-2" class="widget widget_text"><div class="widget-wrap"> <div class="textwidget"><table> <tr valign="top"> <td> <div id="MenuLinks"> <h3> HTML </h3><div style="margin-left: 10pt;"> <a href="https://www.planethtml.de/html/einleitung/">Einleitung</a><br /> <a href="https://www.planethtml.de/html/dateien-und-editoren/">Dateien</a><br /> <a href="https://www.planethtml.de/html/grundgeruest/">Grundger眉st</a><br /> <a href="https://www.planethtml.de/html/ueberschriften-und-absaetze/">脺berschriften</a><br /> <a href="https://www.planethtml.de/html/trennlinien/">Trennlinien</a><br /> ... </div> <h3> CSS </h3><div style="margin-left: 10pt;"> <a href="https://www.planethtml.de/css/">Einleitung</a><br /> <a href="https://www.planethtml.de/css/selektoren/">Selektoren</a><br /> <a href="https://www.planethtml.de/css/stylesheets/">Stylesheets</a><br /> <a href="https://www.planethtml.de/css/text-und-farben/">Text u. Farben</a><br /> <a href="https://www.planethtml.de/css/html-css-farbentabelle/">CSS Farbtabelle</a><br /> ... </div> <h3> Webdesign </h3><div style="margin-left: 10pt;"> <a href="https://www.planethtml.de/ausbildung-web-designer/">Ausbildung</a><br /> </div> <h3> Sonstiges </h3><div style="margin-left: 10pt;"> <a href="https://www.planethtml.de/service/hilfreiche_links/">Hilfreiche Links</a><br /> <a href="https://www.planethtml.de/service/buchtipps/">B眉cher</a><br /> </div> </div> </td> </tr> </table></div> </div></section> <section id="search-3" class="widget widget_search"><div class="widget-wrap"><h3 class="widgettitle widget-title">Suche</h3> <form class="search-form" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction" method="get" action="https://www.planethtml.de/" role="search"><meta itemprop="target" content="https://www.planethtml.de/?s={s}"/><label class="search-form-label screen-reader-text" for="searchform-674fa3fc4d0e0">Search this website</label><input itemprop="query-input" type="search" name="s" id="searchform-674fa3fc4d0e0" placeholder="Search this website …" /><input type="submit" value="Search" /></form></div></section> </aside></div><aside class="sidebar sidebar-secondary widget-area" role="complementary" aria-label="Secondary Sidebar" itemscope itemtype="http://schema.org/WPSideBar" id="genesis-sidebar-secondary"><h2 class="genesis-sidebar-title screen-reader-text">Secondary Sidebar</h2></aside></div><footer class="site-footer" itemscope itemtype="http://schema.org/WPFooter"><div class="wrap"><p>© 2024 planethtml.de | <a href="/impressum/">Impressum</a> | <a href="/datenschutz/">Datenschutz</a></p></div></footer></div> <script type="text/javascript"> var pkBaseURL = (("https:" == document.location.protocol) ? "https://www.planethtml.de/" : "https://www.planethtml.de/"); document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.php' type='text/javascript'%3E%3C/script%3E")); </script><script type="text/javascript"> try { var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 24); piwikTracker.trackPageView(); piwikTracker.enableLinkTracking(); } catch( err ) {} </script> <script type='text/javascript' src='https://www.planethtml.de/wp-includes/js/hoverIntent.min.js?ver=1.10.2' id='hoverIntent-js'></script> <script type='text/javascript' src='https://www.planethtml.de/wp-content/themes/genesis/lib/js/menu/superfish.min.js?ver=1.7.5' id='superfish-js'></script> <script type='text/javascript' src='https://www.planethtml.de/wp-content/themes/genesis/lib/js/menu/superfish.args.min.js?ver=2.2.4' id='superfish-args-js'></script> <script type='text/javascript' id='cookie-notice-front-js-extra'> /* <![CDATA[ */ var cnArgs = {"ajaxUrl":"https:\/\/www.planethtml.de\/wp-admin\/admin-ajax.php","nonce":"1574ccd28d","hideEffect":"none","position":"bottom","onScroll":"0","onScrollOffset":"100","onClick":"0","cookieName":"cookie_notice_accepted","cookieTime":"31536000","cookieTimeRejected":"2592000","cookiePath":"\/","cookieDomain":"","redirection":"0","cache":"0","refuse":"0","revokeCookies":"0","revokeCookiesOpt":"automatic","secure":"1"}; /* ]]> */ </script> <script async type='text/javascript' src='https://www.planethtml.de/wp-content/plugins/cookie-notice/includes/../js/front.min.js?ver=2.2.3' id='cookie-notice-front-js'></script>  <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(215,215,215,1);"><div class="cookie-notice-container" style="color: #000000;"><span id="cn-notice-text" class="cn-text-container">Diese Webseite benutzt "Cookies". Wenn Sie die Webseite weiter nutzen, stimmen Sie der Verwendung von Cookies zu.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="OK" style="background-color: #00a99d">OK</a><a href="https://www.planethtml.de/datenschutz/" target="_self" id="cn-more-info" class="cn-more-info cn-button" aria-label="Weitere Infos" style="background-color: #00a99d">Weitere Infos</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="Nein"></span></div> </div> </body> </html>