http status code 200 is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: imgsn.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html> <html lang="uk"> <head> <meta charset="UTF-8"> <meta name="theme-color" content=" #f7f9fc"> <meta name="msapplication-navbutton-color" content="#f7f9fc"> <meta name="apple-mobile-web-app-status-bar-style" content="#f7f9fc"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="HandheldFriendly" content="True"> <!-- FOR TESTING CACHE --> <style type="text/css"> </style> <!--END TESTING CACHE --> <link rel="preload" href="/assets/css/style.css?1dbk4e9" as="style" type="text/css" crossorigin/> <link rel="preload" href="/assets/js/script.js?1dbk4e9" as="script" crossorigin/> <link rel="stylesheet" type="text/css" href="/assets/css/style.css?1dbk4e9" crossorigin="anonymous"/> <title>Colorilla: all about colors on screen of your PC, tablet or mobile</title> <meta name="description" content="All about html colors: download each of them on site and use it on screen of your device."> <link rel="canonical" href="https://imgsn.com/"> <!--<script data-ad-client="ca-pub-2140180394119619" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>--> </head> <body> <div class="container header"> <div class="row"> <div class="col-12 py-5 text-center"> <h1 class="js-colorilla"> Colorilla </h1> </div> </div> </div> <div class="container mb-3"> <div class="row mb-5"> <div class="col-12"> <h2 class="text-center"> Pick a color you like... </h2> <form action="/search" method="POST" class="js-colorjoe-form mb-3"> <input type="color" name="color" class="d-none"> <button type="submit" class="btn w-100" style="text-shadow: 0 0 0.25rem #ffffff;"> Check color </button> </form> </div> </div> <div class="row mb-5"> <div class="col-12"> <h2 class="text-center"> ...or select one from our palette </h2> <div class="colors-container js-colors-container"> <div class="color-container js-color-container color-container__hidden" data-color="favourite"> <div class="d-flex flex-column flex-md-row gap-1 mb-4"> <a class="btn btn btn-dark flex-grow-1 js-color-tab" href="#!"> Favourite </a> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#named"> Named </a> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#websafe"> Web safe </a> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#material"> Material design </a> </div> <div class="colors-palette almost-table almost-table__5 font-monospace"> <a href="/967b59" class="almost-table__cell is-dark" style="background-color: #967b59;" title="#967b59 color"> #967b59 </a> <a href="/746752" class="almost-table__cell is-dark" style="background-color: #746752;" title="#746752 color"> #746752 </a> <a href="/928063" class="almost-table__cell is-dark" style="background-color: #928063;" title="#928063 color"> #928063 </a> <a href="/939597" class="almost-table__cell is-dark" style="background-color: #939597;" title="#939597 color"> #939597 </a> <a href="/f5df4d" class="almost-table__cell is-light" style="background-color: #f5df4d;" title="#f5df4d color"> #f5df4d </a> <a href="/663311" class="almost-table__cell is-dark" style="background-color: #663311;" title="#663311 color"> #663311 </a> <a href="/336611" class="almost-table__cell is-dark" style="background-color: #336611;" title="#336611 color"> #336611 </a> <a href="/331166" class="almost-table__cell is-dark" style="background-color: #331166;" title="#331166 color"> #331166 </a> <a href="/331155" class="almost-table__cell is-dark" style="background-color: #331155;" title="#331155 color"> #331155 </a> <a href="/335511" class="almost-table__cell is-dark" style="background-color: #335511;" title="#335511 color"> #335511 </a> <a href="/551133" class="almost-table__cell is-dark" style="background-color: #551133;" title="#551133 color"> #551133 </a> <a href="/113355" class="almost-table__cell is-dark" style="background-color: #113355;" title="#113355 color"> #113355 </a> <a href="/553311" class="almost-table__cell is-dark" style="background-color: #553311;" title="#553311 color"> #553311 </a> <a href="/004499" class="almost-table__cell is-dark" style="background-color: #004499;" title="#004499 color"> #004499 </a> <a href="/354000" class="almost-table__cell is-dark" style="background-color: #354000;" title="#354000 color"> #354000 </a> <a href="/335544" class="almost-table__cell is-dark" style="background-color: #335544;" title="#335544 color"> #335544 </a> <a href="/540000" class="almost-table__cell is-dark" style="background-color: #540000;" title="#540000 color"> #540000 </a> <a href="/96cfe0" class="almost-table__cell is-light" style="background-color: #96cfe0;" title="#96cfe0 color"> #96cfe0 </a> <a href="/2d9fc2" class="almost-table__cell is-dark" style="background-color: #2d9fc2;" title="#2d9fc2 color"> #2d9fc2 </a> <a href="/297187" class="almost-table__cell is-dark" style="background-color: #297187;" title="#297187 color"> #297187 </a> <a href="/23738a" class="almost-table__cell is-dark" style="background-color: #23738a;" title="#23738a color"> #23738a </a> <a href="/33a5c6" class="almost-table__cell is-dark" style="background-color: #33a5c6;" title="#33a5c6 color"> #33a5c6 </a> <a href="/c26e56" class="almost-table__cell is-dark" style="background-color: #c26e56;" title="#c26e56 color"> #c26e56 </a> <a href="/56aac2" class="almost-table__cell is-dark" style="background-color: #56aac2;" title="#56aac2 color"> #56aac2 </a> <a href="/8ec6d6" class="almost-table__cell is-light" style="background-color: #8ec6d6;" title="#8ec6d6 color"> #8ec6d6 </a> <a href="/d56930" class="almost-table__cell is-dark" style="background-color: #d56930;" title="#d56930 color"> #d56930 </a> <a href="/c84d23" class="almost-table__cell is-dark" style="background-color: #c84d23;" title="#c84d23 color"> #c84d23 </a> <a href="/df7c3f" class="almost-table__cell is-dark" style="background-color: #df7c3f;" title="#df7c3f color"> #df7c3f </a> <a href="/f56674" class="almost-table__cell is-dark" style="background-color: #f56674;" title="#f56674 color"> #f56674 </a> <a href="/f6a46d" class="almost-table__cell is-light" style="background-color: #f6a46d;" title="#f6a46d color"> #f6a46d </a> <a href="/f49555" class="almost-table__cell is-light" style="background-color: #f49555;" title="#f49555 color"> #f49555 </a> <a href="/eb726b" class="almost-table__cell is-dark" style="background-color: #eb726b;" title="#eb726b color"> #eb726b </a> <a href="/79aded" class="almost-table__cell is-light" style="background-color: #79aded;" title="#79aded color"> #79aded </a> <a href="/6be4eb" class="almost-table__cell is-light" style="background-color: #6be4eb;" title="#6be4eb color"> #6be4eb </a> <a href="/95def5" class="almost-table__cell is-light" style="background-color: #95def5;" title="#95def5 color"> #95def5 </a> <a href="/2c7fad" class="almost-table__cell is-dark" style="background-color: #2c7fad;" title="#2c7fad color"> #2c7fad </a> <a href="/faf8ca" class="almost-table__cell is-light" style="background-color: #faf8ca;" title="#faf8ca color"> #faf8ca </a> <a href="/3f97cc" class="almost-table__cell is-dark" style="background-color: #3f97cc;" title="#3f97cc color"> #3f97cc </a> <a href="/a5dafc" class="almost-table__cell is-light" style="background-color: #a5dafc;" title="#a5dafc color"> #a5dafc </a> <a href="/bee4fd" class="almost-table__cell is-light" style="background-color: #bee4fd;" title="#bee4fd color"> #bee4fd </a> <a href="/3a779b" class="almost-table__cell is-dark" style="background-color: #3a779b;" title="#3a779b color"> #3a779b </a> <a href="/51a7d0" class="almost-table__cell is-dark" style="background-color: #51a7d0;" title="#51a7d0 color"> #51a7d0 </a> <a href="/6a92ff" class="almost-table__cell is-dark" style="background-color: #6a92ff;" title="#6a92ff color"> #6a92ff </a> <a href="/a25f1b" class="almost-table__cell is-dark" style="background-color: #a25f1b;" title="#a25f1b color"> #a25f1b </a> <a href="/6f5337" class="almost-table__cell is-dark" style="background-color: #6f5337;" title="#6f5337 color"> #6f5337 </a> <a href="/9e9e8b" class="almost-table__cell is-light" style="background-color: #9e9e8b;" title="#9e9e8b color"> #9e9e8b </a> <a href="/11ff00" class="almost-table__cell is-dark" style="background-color: #11ff00;" title="#11ff00 color"> #11ff00 </a> <a href="/83b7b3" class="almost-table__cell is-light" style="background-color: #83b7b3;" title="#83b7b3 color"> #83b7b3 </a> </div> </div> <div class="color-container js-color-container " data-color="named"> <div class="d-flex flex-column flex-md-row gap-1 mb-4"> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#favourite"> Favourite </a> <a class="btn btn btn-dark flex-grow-1 js-color-tab" href="#!"> Named </a> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#websafe"> Web safe </a> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#material"> Material design </a> </div> <div class="colors-palette almost-table almost-table__4 font-monospace"> <a href="/000000" class="almost-table__cell is-dark" style="background-color: #000000;" title="#000000 color"> <span class="d-block fw-bold"> black </span> #000000 </a> <a href="/c0c0c0" class="almost-table__cell is-light" style="background-color: #c0c0c0;" title="#c0c0c0 color"> <span class="d-block fw-bold"> silver </span> #c0c0c0 </a> <a href="/808080" class="almost-table__cell is-dark" style="background-color: #808080;" title="#808080 color"> <span class="d-block fw-bold"> gray </span> #808080 </a> <a href="/ffffff" class="almost-table__cell is-light" style="background-color: #ffffff;" title="#ffffff color"> <span class="d-block fw-bold"> white </span> #ffffff </a> <a href="/800000" class="almost-table__cell is-dark" style="background-color: #800000;" title="#800000 color"> <span class="d-block fw-bold"> maroon </span> #800000 </a> <a href="/ff0000" class="almost-table__cell is-dark" style="background-color: #ff0000;" title="#ff0000 color"> <span class="d-block fw-bold"> red </span> #ff0000 </a> <a href="/800080" class="almost-table__cell is-dark" style="background-color: #800080;" title="#800080 color"> <span class="d-block fw-bold"> purple </span> #800080 </a> <a href="/ff00ff" class="almost-table__cell is-dark" style="background-color: #ff00ff;" title="#ff00ff color"> <span class="d-block fw-bold"> fuchsia </span> #ff00ff </a> <a href="/008000" class="almost-table__cell is-dark" style="background-color: #008000;" title="#008000 color"> <span class="d-block fw-bold"> green </span> #008000 </a> <a href="/00ff00" class="almost-table__cell is-dark" style="background-color: #00ff00;" title="#00ff00 color"> <span class="d-block fw-bold"> lime </span> #00ff00 </a> <a href="/808000" class="almost-table__cell is-dark" style="background-color: #808000;" title="#808000 color"> <span class="d-block fw-bold"> olive </span> #808000 </a> <a href="/ffff00" class="almost-table__cell is-light" style="background-color: #ffff00;" title="#ffff00 color"> <span class="d-block fw-bold"> yellow </span> #ffff00 </a> <a href="/000080" class="almost-table__cell is-dark" style="background-color: #000080;" title="#000080 color"> <span class="d-block fw-bold"> navy </span> #000080 </a> <a href="/0000ff" class="almost-table__cell is-dark" style="background-color: #0000ff;" title="#0000ff color"> <span class="d-block fw-bold"> blue </span> #0000ff </a> <a href="/008080" class="almost-table__cell is-dark" style="background-color: #008080;" title="#008080 color"> <span class="d-block fw-bold"> teal </span> #008080 </a> <a href="/00ffff" class="almost-table__cell is-light" style="background-color: #00ffff;" title="#00ffff color"> <span class="d-block fw-bold"> aqua </span> #00ffff </a> <a href="/0000eb" class="almost-table__cell is-dark" style="background-color: #0000eb;" title="#0000eb color"> <span class="d-block fw-bold"> Color name </span> #0000eb </a> <a href="/f0f8ff" class="almost-table__cell is-light" style="background-color: #f0f8ff;" title="#f0f8ff color"> <span class="d-block fw-bold"> aliceblue </span> #f0f8ff </a> <a href="/faebd7" class="almost-table__cell is-light" style="background-color: #faebd7;" title="#faebd7 color"> <span class="d-block fw-bold"> antiquewhite </span> #faebd7 </a> <a href="/00ffff" class="almost-table__cell is-light" style="background-color: #00ffff;" title="#00ffff color"> <span class="d-block fw-bold"> aqua </span> #00ffff </a> <a href="/7fffd4" class="almost-table__cell is-light" style="background-color: #7fffd4;" title="#7fffd4 color"> <span class="d-block fw-bold"> aquamarine </span> #7fffd4 </a> <a href="/f0ffff" class="almost-table__cell is-light" style="background-color: #f0ffff;" title="#f0ffff color"> <span class="d-block fw-bold"> azure </span> #f0ffff </a> <a href="/f5f5dc" class="almost-table__cell is-light" style="background-color: #f5f5dc;" title="#f5f5dc color"> <span class="d-block fw-bold"> beige </span> #f5f5dc </a> <a href="/ffe4c4" class="almost-table__cell is-light" style="background-color: #ffe4c4;" title="#ffe4c4 color"> <span class="d-block fw-bold"> bisque </span> #ffe4c4 </a> <a href="/000000" class="almost-table__cell is-dark" style="background-color: #000000;" title="#000000 color"> <span class="d-block fw-bold"> black </span> #000000 </a> <a href="/ffebcd" class="almost-table__cell is-light" style="background-color: #ffebcd;" title="#ffebcd color"> <span class="d-block fw-bold"> blanchedalmond </span> #ffebcd </a> <a href="/0000ff" class="almost-table__cell is-dark" style="background-color: #0000ff;" title="#0000ff color"> <span class="d-block fw-bold"> blue </span> #0000ff </a> <a href="/8a2be2" class="almost-table__cell is-dark" style="background-color: #8a2be2;" title="#8a2be2 color"> <span class="d-block fw-bold"> blueviolet </span> #8a2be2 </a> <a href="/a52a2a" class="almost-table__cell is-dark" style="background-color: #a52a2a;" title="#a52a2a color"> <span class="d-block fw-bold"> brown </span> #a52a2a </a> <a href="/deb887" class="almost-table__cell is-light" style="background-color: #deb887;" title="#deb887 color"> <span class="d-block fw-bold"> burlywood </span> #deb887 </a> <a href="/5f9ea0" class="almost-table__cell is-dark" style="background-color: #5f9ea0;" title="#5f9ea0 color"> <span class="d-block fw-bold"> cadetblue </span> #5f9ea0 </a> <a href="/7fff00" class="almost-table__cell is-light" style="background-color: #7fff00;" title="#7fff00 color"> <span class="d-block fw-bold"> chartreuse </span> #7fff00 </a> <a href="/d2691e" class="almost-table__cell is-dark" style="background-color: #d2691e;" title="#d2691e color"> <span class="d-block fw-bold"> chocolate </span> #d2691e </a> <a href="/ff7f50" class="almost-table__cell is-light" style="background-color: #ff7f50;" title="#ff7f50 color"> <span class="d-block fw-bold"> coral </span> #ff7f50 </a> <a href="/6495ed" class="almost-table__cell is-dark" style="background-color: #6495ed;" title="#6495ed color"> <span class="d-block fw-bold"> cornflowerblue </span> #6495ed </a> <a href="/fff8dc" class="almost-table__cell is-light" style="background-color: #fff8dc;" title="#fff8dc color"> <span class="d-block fw-bold"> cornsilk </span> #fff8dc </a> <a href="/dc143c" class="almost-table__cell is-dark" style="background-color: #dc143c;" title="#dc143c color"> <span class="d-block fw-bold"> crimson </span> #dc143c </a> <a href="/00ffff" class="almost-table__cell is-light" style="background-color: #00ffff;" title="#00ffff color"> <span class="d-block fw-bold"> cyan </span> #00ffff </a> <a href="/00008b" class="almost-table__cell is-dark" style="background-color: #00008b;" title="#00008b color"> <span class="d-block fw-bold"> darkblue </span> #00008b </a> <a href="/008b8b" class="almost-table__cell is-dark" style="background-color: #008b8b;" title="#008b8b color"> <span class="d-block fw-bold"> darkcyan </span> #008b8b </a> <a href="/b8860b" class="almost-table__cell is-dark" style="background-color: #b8860b;" title="#b8860b color"> <span class="d-block fw-bold"> darkgoldenrod </span> #b8860b </a> <a href="/a9a9a9" class="almost-table__cell is-light" style="background-color: #a9a9a9;" title="#a9a9a9 color"> <span class="d-block fw-bold"> darkgray </span> #a9a9a9 </a> <a href="/006400" class="almost-table__cell is-dark" style="background-color: #006400;" title="#006400 color"> <span class="d-block fw-bold"> darkgreen </span> #006400 </a> <a href="/a9a9a9" class="almost-table__cell is-light" style="background-color: #a9a9a9;" title="#a9a9a9 color"> <span class="d-block fw-bold"> darkgrey </span> #a9a9a9 </a> <a href="/bdb76b" class="almost-table__cell is-light" style="background-color: #bdb76b;" title="#bdb76b color"> <span class="d-block fw-bold"> darkkhaki </span> #bdb76b </a> <a href="/8b008b" class="almost-table__cell is-dark" style="background-color: #8b008b;" title="#8b008b color"> <span class="d-block fw-bold"> darkmagenta </span> #8b008b </a> <a href="/556b2f" class="almost-table__cell is-dark" style="background-color: #556b2f;" title="#556b2f color"> <span class="d-block fw-bold"> darkolivegreen </span> #556b2f </a> <a href="/ff8c00" class="almost-table__cell is-light" style="background-color: #ff8c00;" title="#ff8c00 color"> <span class="d-block fw-bold"> darkorange </span> #ff8c00 </a> <a href="/9932cc" class="almost-table__cell is-dark" style="background-color: #9932cc;" title="#9932cc color"> <span class="d-block fw-bold"> darkorchid </span> #9932cc </a> <a href="/8b0000" class="almost-table__cell is-dark" style="background-color: #8b0000;" title="#8b0000 color"> <span class="d-block fw-bold"> darkred </span> #8b0000 </a> <a href="/e9967a" class="almost-table__cell is-light" style="background-color: #e9967a;" title="#e9967a color"> <span class="d-block fw-bold"> darksalmon </span> #e9967a </a> <a href="/8fbc8f" class="almost-table__cell is-light" style="background-color: #8fbc8f;" title="#8fbc8f color"> <span class="d-block fw-bold"> darkseagreen </span> #8fbc8f </a> <a href="/483d8b" class="almost-table__cell is-dark" style="background-color: #483d8b;" title="#483d8b color"> <span class="d-block fw-bold"> darkslateblue </span> #483d8b </a> <a href="/2f4f4f" class="almost-table__cell is-dark" style="background-color: #2f4f4f;" title="#2f4f4f color"> <span class="d-block fw-bold"> darkslategray </span> #2f4f4f </a> <a href="/2f4f4f" class="almost-table__cell is-dark" style="background-color: #2f4f4f;" title="#2f4f4f color"> <span class="d-block fw-bold"> darkslategrey </span> #2f4f4f </a> <a href="/00ced1" class="almost-table__cell is-dark" style="background-color: #00ced1;" title="#00ced1 color"> <span class="d-block fw-bold"> darkturquoise </span> #00ced1 </a> <a href="/9400d3" class="almost-table__cell is-dark" style="background-color: #9400d3;" title="#9400d3 color"> <span class="d-block fw-bold"> darkviolet </span> #9400d3 </a> <a href="/ff1493" class="almost-table__cell is-dark" style="background-color: #ff1493;" title="#ff1493 color"> <span class="d-block fw-bold"> deeppink </span> #ff1493 </a> <a href="/00bfff" class="almost-table__cell is-dark" style="background-color: #00bfff;" title="#00bfff color"> <span class="d-block fw-bold"> deepskyblue </span> #00bfff </a> <a href="/696969" class="almost-table__cell is-dark" style="background-color: #696969;" title="#696969 color"> <span class="d-block fw-bold"> dimgray </span> #696969 </a> <a href="/696969" class="almost-table__cell is-dark" style="background-color: #696969;" title="#696969 color"> <span class="d-block fw-bold"> dimgrey </span> #696969 </a> <a href="/1e90ff" class="almost-table__cell is-dark" style="background-color: #1e90ff;" title="#1e90ff color"> <span class="d-block fw-bold"> dodgerblue </span> #1e90ff </a> <a href="/b22222" class="almost-table__cell is-dark" style="background-color: #b22222;" title="#b22222 color"> <span class="d-block fw-bold"> firebrick </span> #b22222 </a> <a href="/fffaf0" class="almost-table__cell is-light" style="background-color: #fffaf0;" title="#fffaf0 color"> <span class="d-block fw-bold"> floralwhite </span> #fffaf0 </a> <a href="/228b22" class="almost-table__cell is-dark" style="background-color: #228b22;" title="#228b22 color"> <span class="d-block fw-bold"> forestgreen </span> #228b22 </a> <a href="/ff00ff" class="almost-table__cell is-dark" style="background-color: #ff00ff;" title="#ff00ff color"> <span class="d-block fw-bold"> fuchsia </span> #ff00ff </a> <a href="/dcdcdc" class="almost-table__cell is-light" style="background-color: #dcdcdc;" title="#dcdcdc color"> <span class="d-block fw-bold"> gainsboro </span> #dcdcdc </a> <a href="/f8f8ff" class="almost-table__cell is-light" style="background-color: #f8f8ff;" title="#f8f8ff color"> <span class="d-block fw-bold"> ghostwhite </span> #f8f8ff </a> <a href="/ffd700" class="almost-table__cell is-light" style="background-color: #ffd700;" title="#ffd700 color"> <span class="d-block fw-bold"> gold </span> #ffd700 </a> <a href="/daa520" class="almost-table__cell is-light" style="background-color: #daa520;" title="#daa520 color"> <span class="d-block fw-bold"> goldenrod </span> #daa520 </a> <a href="/808080" class="almost-table__cell is-dark" style="background-color: #808080;" title="#808080 color"> <span class="d-block fw-bold"> gray </span> #808080 </a> <a href="/008000" class="almost-table__cell is-dark" style="background-color: #008000;" title="#008000 color"> <span class="d-block fw-bold"> green </span> #008000 </a> <a href="/adff2f" class="almost-table__cell is-light" style="background-color: #adff2f;" title="#adff2f color"> <span class="d-block fw-bold"> greenyellow </span> #adff2f </a> <a href="/808080" class="almost-table__cell is-dark" style="background-color: #808080;" title="#808080 color"> <span class="d-block fw-bold"> grey </span> #808080 </a> <a href="/f0fff0" class="almost-table__cell is-light" style="background-color: #f0fff0;" title="#f0fff0 color"> <span class="d-block fw-bold"> honeydew </span> #f0fff0 </a> <a href="/ff69b4" class="almost-table__cell is-light" style="background-color: #ff69b4;" title="#ff69b4 color"> <span class="d-block fw-bold"> hotpink </span> #ff69b4 </a> <a href="/cd5c5c" class="almost-table__cell is-dark" style="background-color: #cd5c5c;" title="#cd5c5c color"> <span class="d-block fw-bold"> indianred </span> #cd5c5c </a> <a href="/4b0082" class="almost-table__cell is-dark" style="background-color: #4b0082;" title="#4b0082 color"> <span class="d-block fw-bold"> indigo </span> #4b0082 </a> <a href="/fffff0" class="almost-table__cell is-light" style="background-color: #fffff0;" title="#fffff0 color"> <span class="d-block fw-bold"> ivory </span> #fffff0 </a> <a href="/f0e68c" class="almost-table__cell is-light" style="background-color: #f0e68c;" title="#f0e68c color"> <span class="d-block fw-bold"> khaki </span> #f0e68c </a> <a href="/e6e6fa" class="almost-table__cell is-light" style="background-color: #e6e6fa;" title="#e6e6fa color"> <span class="d-block fw-bold"> lavender </span> #e6e6fa </a> <a href="/fff0f5" class="almost-table__cell is-light" style="background-color: #fff0f5;" title="#fff0f5 color"> <span class="d-block fw-bold"> lavenderblush </span> #fff0f5 </a> <a href="/7cfc00" class="almost-table__cell is-light" style="background-color: #7cfc00;" title="#7cfc00 color"> <span class="d-block fw-bold"> lawngreen </span> #7cfc00 </a> <a href="/fffacd" class="almost-table__cell is-light" style="background-color: #fffacd;" title="#fffacd color"> <span class="d-block fw-bold"> lemonchiffon </span> #fffacd </a> <a href="/add8e6" class="almost-table__cell is-light" style="background-color: #add8e6;" title="#add8e6 color"> <span class="d-block fw-bold"> lightblue </span> #add8e6 </a> <a href="/f08080" class="almost-table__cell is-light" style="background-color: #f08080;" title="#f08080 color"> <span class="d-block fw-bold"> lightcoral </span> #f08080 </a> <a href="/e0ffff" class="almost-table__cell is-light" style="background-color: #e0ffff;" title="#e0ffff color"> <span class="d-block fw-bold"> lightcyan </span> #e0ffff </a> <a href="/fafad2" class="almost-table__cell is-light" style="background-color: #fafad2;" title="#fafad2 color"> <span class="d-block fw-bold"> lightgoldenrodyellow </span> #fafad2 </a> <a href="/d3d3d3" class="almost-table__cell is-light" style="background-color: #d3d3d3;" title="#d3d3d3 color"> <span class="d-block fw-bold"> lightgray </span> #d3d3d3 </a> <a href="/90ee90" class="almost-table__cell is-light" style="background-color: #90ee90;" title="#90ee90 color"> <span class="d-block fw-bold"> lightgreen </span> #90ee90 </a> <a href="/d3d3d3" class="almost-table__cell is-light" style="background-color: #d3d3d3;" title="#d3d3d3 color"> <span class="d-block fw-bold"> lightgrey </span> #d3d3d3 </a> <a href="/ffb6c1" class="almost-table__cell is-light" style="background-color: #ffb6c1;" title="#ffb6c1 color"> <span class="d-block fw-bold"> lightpink </span> #ffb6c1 </a> <a href="/ffa07a" class="almost-table__cell is-light" style="background-color: #ffa07a;" title="#ffa07a color"> <span class="d-block fw-bold"> lightsalmon </span> #ffa07a </a> <a href="/20b2aa" class="almost-table__cell is-dark" style="background-color: #20b2aa;" title="#20b2aa color"> <span class="d-block fw-bold"> lightseagreen </span> #20b2aa </a> <a href="/87cefa" class="almost-table__cell is-light" style="background-color: #87cefa;" title="#87cefa color"> <span class="d-block fw-bold"> lightskyblue </span> #87cefa </a> <a href="/778899" class="almost-table__cell is-dark" style="background-color: #778899;" title="#778899 color"> <span class="d-block fw-bold"> lightslategray </span> #778899 </a> <a href="/778899" class="almost-table__cell is-dark" style="background-color: #778899;" title="#778899 color"> <span class="d-block fw-bold"> lightslategrey </span> #778899 </a> <a href="/b0c4de" class="almost-table__cell is-light" style="background-color: #b0c4de;" title="#b0c4de color"> <span class="d-block fw-bold"> lightsteelblue </span> #b0c4de </a> <a href="/ffffe0" class="almost-table__cell is-light" style="background-color: #ffffe0;" title="#ffffe0 color"> <span class="d-block fw-bold"> lightyellow </span> #ffffe0 </a> <a href="/00ff00" class="almost-table__cell is-dark" style="background-color: #00ff00;" title="#00ff00 color"> <span class="d-block fw-bold"> lime </span> #00ff00 </a> <a href="/32cd32" class="almost-table__cell is-dark" style="background-color: #32cd32;" title="#32cd32 color"> <span class="d-block fw-bold"> limegreen </span> #32cd32 </a> <a href="/faf0e6" class="almost-table__cell is-light" style="background-color: #faf0e6;" title="#faf0e6 color"> <span class="d-block fw-bold"> linen </span> #faf0e6 </a> <a href="/ff00ff" class="almost-table__cell is-dark" style="background-color: #ff00ff;" title="#ff00ff color"> <span class="d-block fw-bold"> magenta </span> #ff00ff </a> <a href="/800000" class="almost-table__cell is-dark" style="background-color: #800000;" title="#800000 color"> <span class="d-block fw-bold"> maroon </span> #800000 </a> <a href="/66cdaa" class="almost-table__cell is-light" style="background-color: #66cdaa;" title="#66cdaa color"> <span class="d-block fw-bold"> mediumaquamarine </span> #66cdaa </a> <a href="/0000cd" class="almost-table__cell is-dark" style="background-color: #0000cd;" title="#0000cd color"> <span class="d-block fw-bold"> mediumblue </span> #0000cd </a> <a href="/ba55d3" class="almost-table__cell is-dark" style="background-color: #ba55d3;" title="#ba55d3 color"> <span class="d-block fw-bold"> mediumorchid </span> #ba55d3 </a> <a href="/9370db" class="almost-table__cell is-dark" style="background-color: #9370db;" title="#9370db color"> <span class="d-block fw-bold"> mediumpurple </span> #9370db </a> <a href="/3cb371" class="almost-table__cell is-dark" style="background-color: #3cb371;" title="#3cb371 color"> <span class="d-block fw-bold"> mediumseagreen </span> #3cb371 </a> <a href="/7b68ee" class="almost-table__cell is-dark" style="background-color: #7b68ee;" title="#7b68ee color"> <span class="d-block fw-bold"> mediumslateblue </span> #7b68ee </a> <a href="/00fa9a" class="almost-table__cell is-light" style="background-color: #00fa9a;" title="#00fa9a color"> <span class="d-block fw-bold"> mediumspringgreen </span> #00fa9a </a> <a href="/48d1cc" class="almost-table__cell is-light" style="background-color: #48d1cc;" title="#48d1cc color"> <span class="d-block fw-bold"> mediumturquoise </span> #48d1cc </a> <a href="/c71585" class="almost-table__cell is-dark" style="background-color: #c71585;" title="#c71585 color"> <span class="d-block fw-bold"> mediumvioletred </span> #c71585 </a> <a href="/191970" class="almost-table__cell is-dark" style="background-color: #191970;" title="#191970 color"> <span class="d-block fw-bold"> midnightblue </span> #191970 </a> <a href="/f5fffa" class="almost-table__cell is-light" style="background-color: #f5fffa;" title="#f5fffa color"> <span class="d-block fw-bold"> mintcream </span> #f5fffa </a> <a href="/ffe4e1" class="almost-table__cell is-light" style="background-color: #ffe4e1;" title="#ffe4e1 color"> <span class="d-block fw-bold"> mistyrose </span> #ffe4e1 </a> <a href="/ffe4b5" class="almost-table__cell is-light" style="background-color: #ffe4b5;" title="#ffe4b5 color"> <span class="d-block fw-bold"> moccasin </span> #ffe4b5 </a> <a href="/ffdead" class="almost-table__cell is-light" style="background-color: #ffdead;" title="#ffdead color"> <span class="d-block fw-bold"> navajowhite </span> #ffdead </a> <a href="/000080" class="almost-table__cell is-dark" style="background-color: #000080;" title="#000080 color"> <span class="d-block fw-bold"> navy </span> #000080 </a> <a href="/fdf5e6" class="almost-table__cell is-light" style="background-color: #fdf5e6;" title="#fdf5e6 color"> <span class="d-block fw-bold"> oldlace </span> #fdf5e6 </a> <a href="/808000" class="almost-table__cell is-dark" style="background-color: #808000;" title="#808000 color"> <span class="d-block fw-bold"> olive </span> #808000 </a> <a href="/6b8e23" class="almost-table__cell is-dark" style="background-color: #6b8e23;" title="#6b8e23 color"> <span class="d-block fw-bold"> olivedrab </span> #6b8e23 </a> <a href="/ffa500" class="almost-table__cell is-light" style="background-color: #ffa500;" title="#ffa500 color"> <span class="d-block fw-bold"> orange </span> #ffa500 </a> <a href="/ff4500" class="almost-table__cell is-dark" style="background-color: #ff4500;" title="#ff4500 color"> <span class="d-block fw-bold"> orangered </span> #ff4500 </a> <a href="/da70d6" class="almost-table__cell is-light" style="background-color: #da70d6;" title="#da70d6 color"> <span class="d-block fw-bold"> orchid </span> #da70d6 </a> <a href="/eee8aa" class="almost-table__cell is-light" style="background-color: #eee8aa;" title="#eee8aa color"> <span class="d-block fw-bold"> palegoldenrod </span> #eee8aa </a> <a href="/98fb98" class="almost-table__cell is-light" style="background-color: #98fb98;" title="#98fb98 color"> <span class="d-block fw-bold"> palegreen </span> #98fb98 </a> <a href="/afeeee" class="almost-table__cell is-light" style="background-color: #afeeee;" title="#afeeee color"> <span class="d-block fw-bold"> paleturquoise </span> #afeeee </a> <a href="/db7093" class="almost-table__cell is-dark" style="background-color: #db7093;" title="#db7093 color"> <span class="d-block fw-bold"> palevioletred </span> #db7093 </a> <a href="/ffefd5" class="almost-table__cell is-light" style="background-color: #ffefd5;" title="#ffefd5 color"> <span class="d-block fw-bold"> papayawhip </span> #ffefd5 </a> <a href="/ffdab9" class="almost-table__cell is-light" style="background-color: #ffdab9;" title="#ffdab9 color"> <span class="d-block fw-bold"> peachpuff </span> #ffdab9 </a> <a href="/cd853f" class="almost-table__cell is-dark" style="background-color: #cd853f;" title="#cd853f color"> <span class="d-block fw-bold"> peru </span> #cd853f </a> <a href="/ffc0cb" class="almost-table__cell is-light" style="background-color: #ffc0cb;" title="#ffc0cb color"> <span class="d-block fw-bold"> pink </span> #ffc0cb </a> <a href="/dda0dd" class="almost-table__cell is-light" style="background-color: #dda0dd;" title="#dda0dd color"> <span class="d-block fw-bold"> plum </span> #dda0dd </a> <a href="/b0e0e6" class="almost-table__cell is-light" style="background-color: #b0e0e6;" title="#b0e0e6 color"> <span class="d-block fw-bold"> powderblue </span> #b0e0e6 </a> <a href="/800080" class="almost-table__cell is-dark" style="background-color: #800080;" title="#800080 color"> <span class="d-block fw-bold"> purple </span> #800080 </a> <a href="/ff0000" class="almost-table__cell is-dark" style="background-color: #ff0000;" title="#ff0000 color"> <span class="d-block fw-bold"> red </span> #ff0000 </a> <a href="/bc8f8f" class="almost-table__cell is-light" style="background-color: #bc8f8f;" title="#bc8f8f color"> <span class="d-block fw-bold"> rosybrown </span> #bc8f8f </a> <a href="/4169e1" class="almost-table__cell is-dark" style="background-color: #4169e1;" title="#4169e1 color"> <span class="d-block fw-bold"> royalblue </span> #4169e1 </a> <a href="/8b4513" class="almost-table__cell is-dark" style="background-color: #8b4513;" title="#8b4513 color"> <span class="d-block fw-bold"> saddlebrown </span> #8b4513 </a> <a href="/fa8072" class="almost-table__cell is-light" style="background-color: #fa8072;" title="#fa8072 color"> <span class="d-block fw-bold"> salmon </span> #fa8072 </a> <a href="/f4a460" class="almost-table__cell is-light" style="background-color: #f4a460;" title="#f4a460 color"> <span class="d-block fw-bold"> sandybrown </span> #f4a460 </a> <a href="/2e8b57" class="almost-table__cell is-dark" style="background-color: #2e8b57;" title="#2e8b57 color"> <span class="d-block fw-bold"> seagreen </span> #2e8b57 </a> <a href="/fff5ee" class="almost-table__cell is-light" style="background-color: #fff5ee;" title="#fff5ee color"> <span class="d-block fw-bold"> seashell </span> #fff5ee </a> <a href="/a0522d" class="almost-table__cell is-dark" style="background-color: #a0522d;" title="#a0522d color"> <span class="d-block fw-bold"> sienna </span> #a0522d </a> <a href="/c0c0c0" class="almost-table__cell is-light" style="background-color: #c0c0c0;" title="#c0c0c0 color"> <span class="d-block fw-bold"> silver </span> #c0c0c0 </a> <a href="/87ceeb" class="almost-table__cell is-light" style="background-color: #87ceeb;" title="#87ceeb color"> <span class="d-block fw-bold"> skyblue </span> #87ceeb </a> <a href="/6a5acd" class="almost-table__cell is-dark" style="background-color: #6a5acd;" title="#6a5acd color"> <span class="d-block fw-bold"> slateblue </span> #6a5acd </a> <a href="/708090" class="almost-table__cell is-dark" style="background-color: #708090;" title="#708090 color"> <span class="d-block fw-bold"> slategray </span> #708090 </a> <a href="/708090" class="almost-table__cell is-dark" style="background-color: #708090;" title="#708090 color"> <span class="d-block fw-bold"> slategrey </span> #708090 </a> <a href="/fffafa" class="almost-table__cell is-light" style="background-color: #fffafa;" title="#fffafa color"> <span class="d-block fw-bold"> snow </span> #fffafa </a> <a href="/00ff7f" class="almost-table__cell is-light" style="background-color: #00ff7f;" title="#00ff7f color"> <span class="d-block fw-bold"> springgreen </span> #00ff7f </a> <a href="/4682b4" class="almost-table__cell is-dark" style="background-color: #4682b4;" title="#4682b4 color"> <span class="d-block fw-bold"> steelblue </span> #4682b4 </a> <a href="/d2b48c" class="almost-table__cell is-light" style="background-color: #d2b48c;" title="#d2b48c color"> <span class="d-block fw-bold"> tan </span> #d2b48c </a> <a href="/008080" class="almost-table__cell is-dark" style="background-color: #008080;" title="#008080 color"> <span class="d-block fw-bold"> teal </span> #008080 </a> <a href="/d8bfd8" class="almost-table__cell is-light" style="background-color: #d8bfd8;" title="#d8bfd8 color"> <span class="d-block fw-bold"> thistle </span> #d8bfd8 </a> <a href="/ff6347" class="almost-table__cell is-dark" style="background-color: #ff6347;" title="#ff6347 color"> <span class="d-block fw-bold"> tomato </span> #ff6347 </a> <a href="/40e0d0" class="almost-table__cell is-light" style="background-color: #40e0d0;" title="#40e0d0 color"> <span class="d-block fw-bold"> turquoise </span> #40e0d0 </a> <a href="/ee82ee" class="almost-table__cell is-light" style="background-color: #ee82ee;" title="#ee82ee color"> <span class="d-block fw-bold"> violet </span> #ee82ee </a> <a href="/f5deb3" class="almost-table__cell is-light" style="background-color: #f5deb3;" title="#f5deb3 color"> <span class="d-block fw-bold"> wheat </span> #f5deb3 </a> <a href="/ffffff" class="almost-table__cell is-light" style="background-color: #ffffff;" title="#ffffff color"> <span class="d-block fw-bold"> white </span> #ffffff </a> <a href="/f5f5f5" class="almost-table__cell is-light" style="background-color: #f5f5f5;" title="#f5f5f5 color"> <span class="d-block fw-bold"> whitesmoke </span> #f5f5f5 </a> <a href="/ffff00" class="almost-table__cell is-light" style="background-color: #ffff00;" title="#ffff00 color"> <span class="d-block fw-bold"> yellow </span> #ffff00 </a> <a href="/9acd32" class="almost-table__cell is-light" style="background-color: #9acd32;" title="#9acd32 color"> <span class="d-block fw-bold"> yellowgreen </span> #9acd32 </a> </div> </div> <div class="color-container js-color-container color-container__hidden" data-color="websafe"> <div class="d-flex flex-column flex-md-row gap-1 mb-4"> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#favourite"> Favourite </a> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#named"> Named </a> <a class="btn btn btn-dark flex-grow-1 js-color-tab" href="#!"> Web safe </a> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#material"> Material design </a> </div> <div class="colors-palette almost-table almost-table__6 font-monospace"> <a href="/000000" class="almost-table__cell is-dark" style="background-color: #000000;" title="#000000 color"> #000000 </a> <a href="/000033" class="almost-table__cell is-dark" style="background-color: #000033;" title="#000033 color"> #000033 </a> <a href="/000066" class="almost-table__cell is-dark" style="background-color: #000066;" title="#000066 color"> #000066 </a> <a href="/000099" class="almost-table__cell is-dark" style="background-color: #000099;" title="#000099 color"> #000099 </a> <a href="/0000cc" class="almost-table__cell is-dark" style="background-color: #0000cc;" title="#0000cc color"> #0000cc </a> <a href="/0000ff" class="almost-table__cell is-dark" style="background-color: #0000ff;" title="#0000ff color"> #0000ff </a> <a href="/003300" class="almost-table__cell is-dark" style="background-color: #003300;" title="#003300 color"> #003300 </a> <a href="/003333" class="almost-table__cell is-dark" style="background-color: #003333;" title="#003333 color"> #003333 </a> <a href="/003366" class="almost-table__cell is-dark" style="background-color: #003366;" title="#003366 color"> #003366 </a> <a href="/003399" class="almost-table__cell is-dark" style="background-color: #003399;" title="#003399 color"> #003399 </a> <a href="/0033cc" class="almost-table__cell is-dark" style="background-color: #0033cc;" title="#0033cc color"> #0033cc </a> <a href="/0033ff" class="almost-table__cell is-dark" style="background-color: #0033ff;" title="#0033ff color"> #0033ff </a> <a href="/006600" class="almost-table__cell is-dark" style="background-color: #006600;" title="#006600 color"> #006600 </a> <a href="/006633" class="almost-table__cell is-dark" style="background-color: #006633;" title="#006633 color"> #006633 </a> <a href="/006666" class="almost-table__cell is-dark" style="background-color: #006666;" title="#006666 color"> #006666 </a> <a href="/006699" class="almost-table__cell is-dark" style="background-color: #006699;" title="#006699 color"> #006699 </a> <a href="/0066cc" class="almost-table__cell is-dark" style="background-color: #0066cc;" title="#0066cc color"> #0066cc </a> <a href="/0066ff" class="almost-table__cell is-dark" style="background-color: #0066ff;" title="#0066ff color"> #0066ff </a> <a href="/009900" class="almost-table__cell is-dark" style="background-color: #009900;" title="#009900 color"> #009900 </a> <a href="/009933" class="almost-table__cell is-dark" style="background-color: #009933;" title="#009933 color"> #009933 </a> <a href="/009966" class="almost-table__cell is-dark" style="background-color: #009966;" title="#009966 color"> #009966 </a> <a href="/009999" class="almost-table__cell is-dark" style="background-color: #009999;" title="#009999 color"> #009999 </a> <a href="/0099cc" class="almost-table__cell is-dark" style="background-color: #0099cc;" title="#0099cc color"> #0099cc </a> <a href="/0099ff" class="almost-table__cell is-dark" style="background-color: #0099ff;" title="#0099ff color"> #0099ff </a> <a href="/00cc00" class="almost-table__cell is-dark" style="background-color: #00cc00;" title="#00cc00 color"> #00cc00 </a> <a href="/00cc33" class="almost-table__cell is-dark" style="background-color: #00cc33;" title="#00cc33 color"> #00cc33 </a> <a href="/00cc66" class="almost-table__cell is-dark" style="background-color: #00cc66;" title="#00cc66 color"> #00cc66 </a> <a href="/00cc99" class="almost-table__cell is-dark" style="background-color: #00cc99;" title="#00cc99 color"> #00cc99 </a> <a href="/00cccc" class="almost-table__cell is-dark" style="background-color: #00cccc;" title="#00cccc color"> #00cccc </a> <a href="/00ccff" class="almost-table__cell is-dark" style="background-color: #00ccff;" title="#00ccff color"> #00ccff </a> <a href="/00ff00" class="almost-table__cell is-dark" style="background-color: #00ff00;" title="#00ff00 color"> #00ff00 </a> <a href="/00ff33" class="almost-table__cell is-light" style="background-color: #00ff33;" title="#00ff33 color"> #00ff33 </a> <a href="/00ff66" class="almost-table__cell is-light" style="background-color: #00ff66;" title="#00ff66 color"> #00ff66 </a> <a href="/00ff99" class="almost-table__cell is-light" style="background-color: #00ff99;" title="#00ff99 color"> #00ff99 </a> <a href="/00ffcc" class="almost-table__cell is-light" style="background-color: #00ffcc;" title="#00ffcc color"> #00ffcc </a> <a href="/00ffff" class="almost-table__cell is-light" style="background-color: #00ffff;" title="#00ffff color"> #00ffff </a> <a href="/330000" class="almost-table__cell is-dark" style="background-color: #330000;" title="#330000 color"> #330000 </a> <a href="/330033" class="almost-table__cell is-dark" style="background-color: #330033;" title="#330033 color"> #330033 </a> <a href="/330066" class="almost-table__cell is-dark" style="background-color: #330066;" title="#330066 color"> #330066 </a> <a href="/330099" class="almost-table__cell is-dark" style="background-color: #330099;" title="#330099 color"> #330099 </a> <a href="/3300cc" class="almost-table__cell is-dark" style="background-color: #3300cc;" title="#3300cc color"> #3300cc </a> <a href="/3300ff" class="almost-table__cell is-dark" style="background-color: #3300ff;" title="#3300ff color"> #3300ff </a> <a href="/333300" class="almost-table__cell is-dark" style="background-color: #333300;" title="#333300 color"> #333300 </a> <a href="/333333" class="almost-table__cell is-dark" style="background-color: #333333;" title="#333333 color"> #333333 </a> <a href="/333366" class="almost-table__cell is-dark" style="background-color: #333366;" title="#333366 color"> #333366 </a> <a href="/333399" class="almost-table__cell is-dark" style="background-color: #333399;" title="#333399 color"> #333399 </a> <a href="/3333cc" class="almost-table__cell is-dark" style="background-color: #3333cc;" title="#3333cc color"> #3333cc </a> <a href="/3333ff" class="almost-table__cell is-dark" style="background-color: #3333ff;" title="#3333ff color"> #3333ff </a> <a href="/336600" class="almost-table__cell is-dark" style="background-color: #336600;" title="#336600 color"> #336600 </a> <a href="/336633" class="almost-table__cell is-dark" style="background-color: #336633;" title="#336633 color"> #336633 </a> <a href="/336666" class="almost-table__cell is-dark" style="background-color: #336666;" title="#336666 color"> #336666 </a> <a href="/336699" class="almost-table__cell is-dark" style="background-color: #336699;" title="#336699 color"> #336699 </a> <a href="/3366cc" class="almost-table__cell is-dark" style="background-color: #3366cc;" title="#3366cc color"> #3366cc </a> <a href="/3366ff" class="almost-table__cell is-dark" style="background-color: #3366ff;" title="#3366ff color"> #3366ff </a> <a href="/339900" class="almost-table__cell is-dark" style="background-color: #339900;" title="#339900 color"> #339900 </a> <a href="/339933" class="almost-table__cell is-dark" style="background-color: #339933;" title="#339933 color"> #339933 </a> <a href="/339966" class="almost-table__cell is-dark" style="background-color: #339966;" title="#339966 color"> #339966 </a> <a href="/339999" class="almost-table__cell is-dark" style="background-color: #339999;" title="#339999 color"> #339999 </a> <a href="/3399cc" class="almost-table__cell is-dark" style="background-color: #3399cc;" title="#3399cc color"> #3399cc </a> <a href="/3399ff" class="almost-table__cell is-dark" style="background-color: #3399ff;" title="#3399ff color"> #3399ff </a> <a href="/33cc00" class="almost-table__cell is-dark" style="background-color: #33cc00;" title="#33cc00 color"> #33cc00 </a> <a href="/33cc33" class="almost-table__cell is-dark" style="background-color: #33cc33;" title="#33cc33 color"> #33cc33 </a> <a href="/33cc66" class="almost-table__cell is-dark" style="background-color: #33cc66;" title="#33cc66 color"> #33cc66 </a> <a href="/33cc99" class="almost-table__cell is-dark" style="background-color: #33cc99;" title="#33cc99 color"> #33cc99 </a> <a href="/33cccc" class="almost-table__cell is-light" style="background-color: #33cccc;" title="#33cccc color"> #33cccc </a> <a href="/33ccff" class="almost-table__cell is-light" style="background-color: #33ccff;" title="#33ccff color"> #33ccff </a> <a href="/33ff00" class="almost-table__cell is-light" style="background-color: #33ff00;" title="#33ff00 color"> #33ff00 </a> <a href="/33ff33" class="almost-table__cell is-light" style="background-color: #33ff33;" title="#33ff33 color"> #33ff33 </a> <a href="/33ff66" class="almost-table__cell is-light" style="background-color: #33ff66;" title="#33ff66 color"> #33ff66 </a> <a href="/33ff99" class="almost-table__cell is-light" style="background-color: #33ff99;" title="#33ff99 color"> #33ff99 </a> <a href="/33ffcc" class="almost-table__cell is-light" style="background-color: #33ffcc;" title="#33ffcc color"> #33ffcc </a> <a href="/33ffff" class="almost-table__cell is-light" style="background-color: #33ffff;" title="#33ffff color"> #33ffff </a> <a href="/660000" class="almost-table__cell is-dark" style="background-color: #660000;" title="#660000 color"> #660000 </a> <a href="/660033" class="almost-table__cell is-dark" style="background-color: #660033;" title="#660033 color"> #660033 </a> <a href="/660066" class="almost-table__cell is-dark" style="background-color: #660066;" title="#660066 color"> #660066 </a> <a href="/660099" class="almost-table__cell is-dark" style="background-color: #660099;" title="#660099 color"> #660099 </a> <a href="/6600cc" class="almost-table__cell is-dark" style="background-color: #6600cc;" title="#6600cc color"> #6600cc </a> <a href="/6600ff" class="almost-table__cell is-dark" style="background-color: #6600ff;" title="#6600ff color"> #6600ff </a> <a href="/663300" class="almost-table__cell is-dark" style="background-color: #663300;" title="#663300 color"> #663300 </a> <a href="/663333" class="almost-table__cell is-dark" style="background-color: #663333;" title="#663333 color"> #663333 </a> <a href="/663366" class="almost-table__cell is-dark" style="background-color: #663366;" title="#663366 color"> #663366 </a> <a href="/663399" class="almost-table__cell is-dark" style="background-color: #663399;" title="#663399 color"> #663399 </a> <a href="/6633cc" class="almost-table__cell is-dark" style="background-color: #6633cc;" title="#6633cc color"> #6633cc </a> <a href="/6633ff" class="almost-table__cell is-dark" style="background-color: #6633ff;" title="#6633ff color"> #6633ff </a> <a href="/666600" class="almost-table__cell is-dark" style="background-color: #666600;" title="#666600 color"> #666600 </a> <a href="/666633" class="almost-table__cell is-dark" style="background-color: #666633;" title="#666633 color"> #666633 </a> <a href="/666666" class="almost-table__cell is-dark" style="background-color: #666666;" title="#666666 color"> #666666 </a> <a href="/666699" class="almost-table__cell is-dark" style="background-color: #666699;" title="#666699 color"> #666699 </a> <a href="/6666cc" class="almost-table__cell is-dark" style="background-color: #6666cc;" title="#6666cc color"> #6666cc </a> <a href="/6666ff" class="almost-table__cell is-dark" style="background-color: #6666ff;" title="#6666ff color"> #6666ff </a> <a href="/669900" class="almost-table__cell is-dark" style="background-color: #669900;" title="#669900 color"> #669900 </a> <a href="/669933" class="almost-table__cell is-dark" style="background-color: #669933;" title="#669933 color"> #669933 </a> <a href="/669966" class="almost-table__cell is-dark" style="background-color: #669966;" title="#669966 color"> #669966 </a> <a href="/669999" class="almost-table__cell is-dark" style="background-color: #669999;" title="#669999 color"> #669999 </a> <a href="/6699cc" class="almost-table__cell is-dark" style="background-color: #6699cc;" title="#6699cc color"> #6699cc </a> <a href="/6699ff" class="almost-table__cell is-dark" style="background-color: #6699ff;" title="#6699ff color"> #6699ff </a> <a href="/66cc00" class="almost-table__cell is-dark" style="background-color: #66cc00;" title="#66cc00 color"> #66cc00 </a> <a href="/66cc33" class="almost-table__cell is-light" style="background-color: #66cc33;" title="#66cc33 color"> #66cc33 </a> <a href="/66cc66" class="almost-table__cell is-light" style="background-color: #66cc66;" title="#66cc66 color"> #66cc66 </a> <a href="/66cc99" class="almost-table__cell is-light" style="background-color: #66cc99;" title="#66cc99 color"> #66cc99 </a> <a href="/66cccc" class="almost-table__cell is-light" style="background-color: #66cccc;" title="#66cccc color"> #66cccc </a> <a href="/66ccff" class="almost-table__cell is-light" style="background-color: #66ccff;" title="#66ccff color"> #66ccff </a> <a href="/66ff00" class="almost-table__cell is-light" style="background-color: #66ff00;" title="#66ff00 color"> #66ff00 </a> <a href="/66ff33" class="almost-table__cell is-light" style="background-color: #66ff33;" title="#66ff33 color"> #66ff33 </a> <a href="/66ff66" class="almost-table__cell is-light" style="background-color: #66ff66;" title="#66ff66 color"> #66ff66 </a> <a href="/66ff99" class="almost-table__cell is-light" style="background-color: #66ff99;" title="#66ff99 color"> #66ff99 </a> <a href="/66ffcc" class="almost-table__cell is-light" style="background-color: #66ffcc;" title="#66ffcc color"> #66ffcc </a> <a href="/66ffff" class="almost-table__cell is-light" style="background-color: #66ffff;" title="#66ffff color"> #66ffff </a> <a href="/990000" class="almost-table__cell is-dark" style="background-color: #990000;" title="#990000 color"> #990000 </a> <a href="/990033" class="almost-table__cell is-dark" style="background-color: #990033;" title="#990033 color"> #990033 </a> <a href="/990066" class="almost-table__cell is-dark" style="background-color: #990066;" title="#990066 color"> #990066 </a> <a href="/990099" class="almost-table__cell is-dark" style="background-color: #990099;" title="#990099 color"> #990099 </a> <a href="/9900cc" class="almost-table__cell is-dark" style="background-color: #9900cc;" title="#9900cc color"> #9900cc </a> <a href="/9900ff" class="almost-table__cell is-dark" style="background-color: #9900ff;" title="#9900ff color"> #9900ff </a> <a href="/993300" class="almost-table__cell is-dark" style="background-color: #993300;" title="#993300 color"> #993300 </a> <a href="/993333" class="almost-table__cell is-dark" style="background-color: #993333;" title="#993333 color"> #993333 </a> <a href="/993366" class="almost-table__cell is-dark" style="background-color: #993366;" title="#993366 color"> #993366 </a> <a href="/993399" class="almost-table__cell is-dark" style="background-color: #993399;" title="#993399 color"> #993399 </a> <a href="/9933cc" class="almost-table__cell is-dark" style="background-color: #9933cc;" title="#9933cc color"> #9933cc </a> <a href="/9933ff" class="almost-table__cell is-dark" style="background-color: #9933ff;" title="#9933ff color"> #9933ff </a> <a href="/996600" class="almost-table__cell is-dark" style="background-color: #996600;" title="#996600 color"> #996600 </a> <a href="/996633" class="almost-table__cell is-dark" style="background-color: #996633;" title="#996633 color"> #996633 </a> <a href="/996666" class="almost-table__cell is-dark" style="background-color: #996666;" title="#996666 color"> #996666 </a> <a href="/996699" class="almost-table__cell is-dark" style="background-color: #996699;" title="#996699 color"> #996699 </a> <a href="/9966cc" class="almost-table__cell is-dark" style="background-color: #9966cc;" title="#9966cc color"> #9966cc </a> <a href="/9966ff" class="almost-table__cell is-dark" style="background-color: #9966ff;" title="#9966ff color"> #9966ff </a> <a href="/999900" class="almost-table__cell is-dark" style="background-color: #999900;" title="#999900 color"> #999900 </a> <a href="/999933" class="almost-table__cell is-dark" style="background-color: #999933;" title="#999933 color"> #999933 </a> <a href="/999966" class="almost-table__cell is-dark" style="background-color: #999966;" title="#999966 color"> #999966 </a> <a href="/999999" class="almost-table__cell is-dark" style="background-color: #999999;" title="#999999 color"> #999999 </a> <a href="/9999cc" class="almost-table__cell is-light" style="background-color: #9999cc;" title="#9999cc color"> #9999cc </a> <a href="/9999ff" class="almost-table__cell is-light" style="background-color: #9999ff;" title="#9999ff color"> #9999ff </a> <a href="/99cc00" class="almost-table__cell is-light" style="background-color: #99cc00;" title="#99cc00 color"> #99cc00 </a> <a href="/99cc33" class="almost-table__cell is-light" style="background-color: #99cc33;" title="#99cc33 color"> #99cc33 </a> <a href="/99cc66" class="almost-table__cell is-light" style="background-color: #99cc66;" title="#99cc66 color"> #99cc66 </a> <a href="/99cc99" class="almost-table__cell is-light" style="background-color: #99cc99;" title="#99cc99 color"> #99cc99 </a> <a href="/99cccc" class="almost-table__cell is-light" style="background-color: #99cccc;" title="#99cccc color"> #99cccc </a> <a href="/99ccff" class="almost-table__cell is-light" style="background-color: #99ccff;" title="#99ccff color"> #99ccff </a> <a href="/99ff00" class="almost-table__cell is-light" style="background-color: #99ff00;" title="#99ff00 color"> #99ff00 </a> <a href="/99ff33" class="almost-table__cell is-light" style="background-color: #99ff33;" title="#99ff33 color"> #99ff33 </a> <a href="/99ff66" class="almost-table__cell is-light" style="background-color: #99ff66;" title="#99ff66 color"> #99ff66 </a> <a href="/99ff99" class="almost-table__cell is-light" style="background-color: #99ff99;" title="#99ff99 color"> #99ff99 </a> <a href="/99ffcc" class="almost-table__cell is-light" style="background-color: #99ffcc;" title="#99ffcc color"> #99ffcc </a> <a href="/99ffff" class="almost-table__cell is-light" style="background-color: #99ffff;" title="#99ffff color"> #99ffff </a> <a href="/cc0000" class="almost-table__cell is-dark" style="background-color: #cc0000;" title="#cc0000 color"> #cc0000 </a> <a href="/cc0033" class="almost-table__cell is-dark" style="background-color: #cc0033;" title="#cc0033 color"> #cc0033 </a> <a href="/cc0066" class="almost-table__cell is-dark" style="background-color: #cc0066;" title="#cc0066 color"> #cc0066 </a> <a href="/cc0099" class="almost-table__cell is-dark" style="background-color: #cc0099;" title="#cc0099 color"> #cc0099 </a> <a href="/cc00cc" class="almost-table__cell is-dark" style="background-color: #cc00cc;" title="#cc00cc color"> #cc00cc </a> <a href="/cc00ff" class="almost-table__cell is-dark" style="background-color: #cc00ff;" title="#cc00ff color"> #cc00ff </a> <a href="/cc3300" class="almost-table__cell is-dark" style="background-color: #cc3300;" title="#cc3300 color"> #cc3300 </a> <a href="/cc3333" class="almost-table__cell is-dark" style="background-color: #cc3333;" title="#cc3333 color"> #cc3333 </a> <a href="/cc3366" class="almost-table__cell is-dark" style="background-color: #cc3366;" title="#cc3366 color"> #cc3366 </a> <a href="/cc3399" class="almost-table__cell is-dark" style="background-color: #cc3399;" title="#cc3399 color"> #cc3399 </a> <a href="/cc33cc" class="almost-table__cell is-dark" style="background-color: #cc33cc;" title="#cc33cc color"> #cc33cc </a> <a href="/cc33ff" class="almost-table__cell is-dark" style="background-color: #cc33ff;" title="#cc33ff color"> #cc33ff </a> <a href="/cc6600" class="almost-table__cell is-dark" style="background-color: #cc6600;" title="#cc6600 color"> #cc6600 </a> <a href="/cc6633" class="almost-table__cell is-dark" style="background-color: #cc6633;" title="#cc6633 color"> #cc6633 </a> <a href="/cc6666" class="almost-table__cell is-dark" style="background-color: #cc6666;" title="#cc6666 color"> #cc6666 </a> <a href="/cc6699" class="almost-table__cell is-dark" style="background-color: #cc6699;" title="#cc6699 color"> #cc6699 </a> <a href="/cc66cc" class="almost-table__cell is-dark" style="background-color: #cc66cc;" title="#cc66cc color"> #cc66cc </a> <a href="/cc66ff" class="almost-table__cell is-dark" style="background-color: #cc66ff;" title="#cc66ff color"> #cc66ff </a> <a href="/cc9900" class="almost-table__cell is-dark" style="background-color: #cc9900;" title="#cc9900 color"> #cc9900 </a> <a href="/cc9933" class="almost-table__cell is-light" style="background-color: #cc9933;" title="#cc9933 color"> #cc9933 </a> <a href="/cc9966" class="almost-table__cell is-light" style="background-color: #cc9966;" title="#cc9966 color"> #cc9966 </a> <a href="/cc9999" class="almost-table__cell is-light" style="background-color: #cc9999;" title="#cc9999 color"> #cc9999 </a> <a href="/cc99cc" class="almost-table__cell is-light" style="background-color: #cc99cc;" title="#cc99cc color"> #cc99cc </a> <a href="/cc99ff" class="almost-table__cell is-light" style="background-color: #cc99ff;" title="#cc99ff color"> #cc99ff </a> <a href="/cccc00" class="almost-table__cell is-light" style="background-color: #cccc00;" title="#cccc00 color"> #cccc00 </a> <a href="/cccc33" class="almost-table__cell is-light" style="background-color: #cccc33;" title="#cccc33 color"> #cccc33 </a> <a href="/cccc66" class="almost-table__cell is-light" style="background-color: #cccc66;" title="#cccc66 color"> #cccc66 </a> <a href="/cccc99" class="almost-table__cell is-light" style="background-color: #cccc99;" title="#cccc99 color"> #cccc99 </a> <a href="/cccccc" class="almost-table__cell is-light" style="background-color: #cccccc;" title="#cccccc color"> #cccccc </a> <a href="/ccccff" class="almost-table__cell is-light" style="background-color: #ccccff;" title="#ccccff color"> #ccccff </a> <a href="/ccff00" class="almost-table__cell is-light" style="background-color: #ccff00;" title="#ccff00 color"> #ccff00 </a> <a href="/ccff33" class="almost-table__cell is-light" style="background-color: #ccff33;" title="#ccff33 color"> #ccff33 </a> <a href="/ccff66" class="almost-table__cell is-light" style="background-color: #ccff66;" title="#ccff66 color"> #ccff66 </a> <a href="/ccff99" class="almost-table__cell is-light" style="background-color: #ccff99;" title="#ccff99 color"> #ccff99 </a> <a href="/ccffcc" class="almost-table__cell is-light" style="background-color: #ccffcc;" title="#ccffcc color"> #ccffcc </a> <a href="/ccffff" class="almost-table__cell is-light" style="background-color: #ccffff;" title="#ccffff color"> #ccffff </a> <a href="/ff0000" class="almost-table__cell is-dark" style="background-color: #ff0000;" title="#ff0000 color"> #ff0000 </a> <a href="/ff0033" class="almost-table__cell is-dark" style="background-color: #ff0033;" title="#ff0033 color"> #ff0033 </a> <a href="/ff0066" class="almost-table__cell is-dark" style="background-color: #ff0066;" title="#ff0066 color"> #ff0066 </a> <a href="/ff0099" class="almost-table__cell is-dark" style="background-color: #ff0099;" title="#ff0099 color"> #ff0099 </a> <a href="/ff00cc" class="almost-table__cell is-dark" style="background-color: #ff00cc;" title="#ff00cc color"> #ff00cc </a> <a href="/ff00ff" class="almost-table__cell is-dark" style="background-color: #ff00ff;" title="#ff00ff color"> #ff00ff </a> <a href="/ff3300" class="almost-table__cell is-dark" style="background-color: #ff3300;" title="#ff3300 color"> #ff3300 </a> <a href="/ff3333" class="almost-table__cell is-dark" style="background-color: #ff3333;" title="#ff3333 color"> #ff3333 </a> <a href="/ff3366" class="almost-table__cell is-dark" style="background-color: #ff3366;" title="#ff3366 color"> #ff3366 </a> <a href="/ff3399" class="almost-table__cell is-dark" style="background-color: #ff3399;" title="#ff3399 color"> #ff3399 </a> <a href="/ff33cc" class="almost-table__cell is-dark" style="background-color: #ff33cc;" title="#ff33cc color"> #ff33cc </a> <a href="/ff33ff" class="almost-table__cell is-dark" style="background-color: #ff33ff;" title="#ff33ff color"> #ff33ff </a> <a href="/ff6600" class="almost-table__cell is-dark" style="background-color: #ff6600;" title="#ff6600 color"> #ff6600 </a> <a href="/ff6633" class="almost-table__cell is-dark" style="background-color: #ff6633;" title="#ff6633 color"> #ff6633 </a> <a href="/ff6666" class="almost-table__cell is-dark" style="background-color: #ff6666;" title="#ff6666 color"> #ff6666 </a> <a href="/ff6699" class="almost-table__cell is-dark" style="background-color: #ff6699;" title="#ff6699 color"> #ff6699 </a> <a href="/ff66cc" class="almost-table__cell is-light" style="background-color: #ff66cc;" title="#ff66cc color"> #ff66cc </a> <a href="/ff66ff" class="almost-table__cell is-light" style="background-color: #ff66ff;" title="#ff66ff color"> #ff66ff </a> <a href="/ff9900" class="almost-table__cell is-light" style="background-color: #ff9900;" title="#ff9900 color"> #ff9900 </a> <a href="/ff9933" class="almost-table__cell is-light" style="background-color: #ff9933;" title="#ff9933 color"> #ff9933 </a> <a href="/ff9966" class="almost-table__cell is-light" style="background-color: #ff9966;" title="#ff9966 color"> #ff9966 </a> <a href="/ff9999" class="almost-table__cell is-light" style="background-color: #ff9999;" title="#ff9999 color"> #ff9999 </a> <a href="/ff99cc" class="almost-table__cell is-light" style="background-color: #ff99cc;" title="#ff99cc color"> #ff99cc </a> <a href="/ff99ff" class="almost-table__cell is-light" style="background-color: #ff99ff;" title="#ff99ff color"> #ff99ff </a> <a href="/ffcc00" class="almost-table__cell is-light" style="background-color: #ffcc00;" title="#ffcc00 color"> #ffcc00 </a> <a href="/ffcc33" class="almost-table__cell is-light" style="background-color: #ffcc33;" title="#ffcc33 color"> #ffcc33 </a> <a href="/ffcc66" class="almost-table__cell is-light" style="background-color: #ffcc66;" title="#ffcc66 color"> #ffcc66 </a> <a href="/ffcc99" class="almost-table__cell is-light" style="background-color: #ffcc99;" title="#ffcc99 color"> #ffcc99 </a> <a href="/ffcccc" class="almost-table__cell is-light" style="background-color: #ffcccc;" title="#ffcccc color"> #ffcccc </a> <a href="/ffccff" class="almost-table__cell is-light" style="background-color: #ffccff;" title="#ffccff color"> #ffccff </a> <a href="/ffff00" class="almost-table__cell is-light" style="background-color: #ffff00;" title="#ffff00 color"> #ffff00 </a> <a href="/ffff33" class="almost-table__cell is-light" style="background-color: #ffff33;" title="#ffff33 color"> #ffff33 </a> <a href="/ffff66" class="almost-table__cell is-light" style="background-color: #ffff66;" title="#ffff66 color"> #ffff66 </a> <a href="/ffff99" class="almost-table__cell is-light" style="background-color: #ffff99;" title="#ffff99 color"> #ffff99 </a> <a href="/ffffcc" class="almost-table__cell is-light" style="background-color: #ffffcc;" title="#ffffcc color"> #ffffcc </a> <a href="/ffffff" class="almost-table__cell is-light" style="background-color: #ffffff;" title="#ffffff color"> #ffffff </a> </div> </div> <div class="color-container js-color-container color-container__hidden" data-color="material"> <div class="d-flex flex-column flex-md-row gap-1 mb-4"> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#favourite"> Favourite </a> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#named"> Named </a> <a class="btn btn btn-outline-dark flex-grow-1 js-color-tab" href="#websafe"> Web safe </a> <a class="btn btn btn-dark flex-grow-1 js-color-tab" href="#!"> Material design </a> </div> <div class="colors-palette almost-table almost-table__10 font-monospace"> <a href="/ffebee" class="almost-table__cell is-light" style="background-color: #ffebee;" title="#ffebee color"> #ffebee </a> <a href="/ffcdd2" class="almost-table__cell is-light" style="background-color: #ffcdd2;" title="#ffcdd2 color"> #ffcdd2 </a> <a href="/ef9a9a" class="almost-table__cell is-light" style="background-color: #ef9a9a;" title="#ef9a9a color"> #ef9a9a </a> <a href="/e57373" class="almost-table__cell is-dark" style="background-color: #e57373;" title="#e57373 color"> #e57373 </a> <a href="/ef5350" class="almost-table__cell is-dark" style="background-color: #ef5350;" title="#ef5350 color"> #ef5350 </a> <a href="/f44336" class="almost-table__cell is-dark" style="background-color: #f44336;" title="#f44336 color"> #f44336 </a> <a href="/e53935" class="almost-table__cell is-dark" style="background-color: #e53935;" title="#e53935 color"> #e53935 </a> <a href="/d32f2f" class="almost-table__cell is-dark" style="background-color: #d32f2f;" title="#d32f2f color"> #d32f2f </a> <a href="/c62828" class="almost-table__cell is-dark" style="background-color: #c62828;" title="#c62828 color"> #c62828 </a> <a href="/b71c1c" class="almost-table__cell is-dark" style="background-color: #b71c1c;" title="#b71c1c color"> #b71c1c </a> <a href="/fce4ec" class="almost-table__cell is-light" style="background-color: #fce4ec;" title="#fce4ec color"> #fce4ec </a> <a href="/f8bbd0" class="almost-table__cell is-light" style="background-color: #f8bbd0;" title="#f8bbd0 color"> #f8bbd0 </a> <a href="/f48fb1" class="almost-table__cell is-light" style="background-color: #f48fb1;" title="#f48fb1 color"> #f48fb1 </a> <a href="/f06292" class="almost-table__cell is-dark" style="background-color: #f06292;" title="#f06292 color"> #f06292 </a> <a href="/ec407a" class="almost-table__cell is-dark" style="background-color: #ec407a;" title="#ec407a color"> #ec407a </a> <a href="/e91e63" class="almost-table__cell is-dark" style="background-color: #e91e63;" title="#e91e63 color"> #e91e63 </a> <a href="/d81b60" class="almost-table__cell is-dark" style="background-color: #d81b60;" title="#d81b60 color"> #d81b60 </a> <a href="/c2185b" class="almost-table__cell is-dark" style="background-color: #c2185b;" title="#c2185b color"> #c2185b </a> <a href="/ad1457" class="almost-table__cell is-dark" style="background-color: #ad1457;" title="#ad1457 color"> #ad1457 </a> <a href="/880e4f" class="almost-table__cell is-dark" style="background-color: #880e4f;" title="#880e4f color"> #880e4f </a> <a href="/f3e5f5" class="almost-table__cell is-light" style="background-color: #f3e5f5;" title="#f3e5f5 color"> #f3e5f5 </a> <a href="/e1bee7" class="almost-table__cell is-light" style="background-color: #e1bee7;" title="#e1bee7 color"> #e1bee7 </a> <a href="/ce93d8" class="almost-table__cell is-light" style="background-color: #ce93d8;" title="#ce93d8 color"> #ce93d8 </a> <a href="/ba68c8" class="almost-table__cell is-dark" style="background-color: #ba68c8;" title="#ba68c8 color"> #ba68c8 </a> <a href="/ab47bc" class="almost-table__cell is-dark" style="background-color: #ab47bc;" title="#ab47bc color"> #ab47bc </a> <a href="/9c27b0" class="almost-table__cell is-dark" style="background-color: #9c27b0;" title="#9c27b0 color"> #9c27b0 </a> <a href="/8e24aa" class="almost-table__cell is-dark" style="background-color: #8e24aa;" title="#8e24aa color"> #8e24aa </a> <a href="/7b1fa2" class="almost-table__cell is-dark" style="background-color: #7b1fa2;" title="#7b1fa2 color"> #7b1fa2 </a> <a href="/6a1b9a" class="almost-table__cell is-dark" style="background-color: #6a1b9a;" title="#6a1b9a color"> #6a1b9a </a> <a href="/4a148c" class="almost-table__cell is-dark" style="background-color: #4a148c;" title="#4a148c color"> #4a148c </a> <a href="/ede7f6" class="almost-table__cell is-light" style="background-color: #ede7f6;" title="#ede7f6 color"> #ede7f6 </a> <a href="/d1c4e9" class="almost-table__cell is-light" style="background-color: #d1c4e9;" title="#d1c4e9 color"> #d1c4e9 </a> <a href="/b39ddb" class="almost-table__cell is-light" style="background-color: #b39ddb;" title="#b39ddb color"> #b39ddb </a> <a href="/9575cd" class="almost-table__cell is-dark" style="background-color: #9575cd;" title="#9575cd color"> #9575cd </a> <a href="/7e57c2" class="almost-table__cell is-dark" style="background-color: #7e57c2;" title="#7e57c2 color"> #7e57c2 </a> <a href="/673ab7" class="almost-table__cell is-dark" style="background-color: #673ab7;" title="#673ab7 color"> #673ab7 </a> <a href="/5e35b1" class="almost-table__cell is-dark" style="background-color: #5e35b1;" title="#5e35b1 color"> #5e35b1 </a> <a href="/512da8" class="almost-table__cell is-dark" style="background-color: #512da8;" title="#512da8 color"> #512da8 </a> <a href="/4527a0" class="almost-table__cell is-dark" style="background-color: #4527a0;" title="#4527a0 color"> #4527a0 </a> <a href="/311b92" class="almost-table__cell is-dark" style="background-color: #311b92;" title="#311b92 color"> #311b92 </a> <a href="/e8eaf6" class="almost-table__cell is-light" style="background-color: #e8eaf6;" title="#e8eaf6 color"> #e8eaf6 </a> <a href="/c5cae9" class="almost-table__cell is-light" style="background-color: #c5cae9;" title="#c5cae9 color"> #c5cae9 </a> <a href="/9fa8da" class="almost-table__cell is-light" style="background-color: #9fa8da;" title="#9fa8da color"> #9fa8da </a> <a href="/7986cb" class="almost-table__cell is-dark" style="background-color: #7986cb;" title="#7986cb color"> #7986cb </a> <a href="/5c6bc0" class="almost-table__cell is-dark" style="background-color: #5c6bc0;" title="#5c6bc0 color"> #5c6bc0 </a> <a href="/3f51b5" class="almost-table__cell is-dark" style="background-color: #3f51b5;" title="#3f51b5 color"> #3f51b5 </a> <a href="/3949ab" class="almost-table__cell is-dark" style="background-color: #3949ab;" title="#3949ab color"> #3949ab </a> <a href="/303f9f" class="almost-table__cell is-dark" style="background-color: #303f9f;" title="#303f9f color"> #303f9f </a> <a href="/283593" class="almost-table__cell is-dark" style="background-color: #283593;" title="#283593 color"> #283593 </a> <a href="/1a237e" class="almost-table__cell is-dark" style="background-color: #1a237e;" title="#1a237e color"> #1a237e </a> <a href="/e3f2fd" class="almost-table__cell is-light" style="background-color: #e3f2fd;" title="#e3f2fd color"> #e3f2fd </a> <a href="/bbdefb" class="almost-table__cell is-light" style="background-color: #bbdefb;" title="#bbdefb color"> #bbdefb </a> <a href="/90caf9" class="almost-table__cell is-light" style="background-color: #90caf9;" title="#90caf9 color"> #90caf9 </a> <a href="/64b5f6" class="almost-table__cell is-light" style="background-color: #64b5f6;" title="#64b5f6 color"> #64b5f6 </a> <a href="/42a5f5" class="almost-table__cell is-dark" style="background-color: #42a5f5;" title="#42a5f5 color"> #42a5f5 </a> <a href="/2196f3" class="almost-table__cell is-dark" style="background-color: #2196f3;" title="#2196f3 color"> #2196f3 </a> <a href="/1e88e5" class="almost-table__cell is-dark" style="background-color: #1e88e5;" title="#1e88e5 color"> #1e88e5 </a> <a href="/1976d2" class="almost-table__cell is-dark" style="background-color: #1976d2;" title="#1976d2 color"> #1976d2 </a> <a href="/1565c0" class="almost-table__cell is-dark" style="background-color: #1565c0;" title="#1565c0 color"> #1565c0 </a> <a href="/0d47a1" class="almost-table__cell is-dark" style="background-color: #0d47a1;" title="#0d47a1 color"> #0d47a1 </a> <a href="/e1f5fe" class="almost-table__cell is-light" style="background-color: #e1f5fe;" title="#e1f5fe color"> #e1f5fe </a> <a href="/b3e5fc" class="almost-table__cell is-light" style="background-color: #b3e5fc;" title="#b3e5fc color"> #b3e5fc </a> <a href="/81d4fa" class="almost-table__cell is-light" style="background-color: #81d4fa;" title="#81d4fa color"> #81d4fa </a> <a href="/4fc3f7" class="almost-table__cell is-light" style="background-color: #4fc3f7;" title="#4fc3f7 color"> #4fc3f7 </a> <a href="/29b6f6" class="almost-table__cell is-dark" style="background-color: #29b6f6;" title="#29b6f6 color"> #29b6f6 </a> <a href="/03a9f4" class="almost-table__cell is-dark" style="background-color: #03a9f4;" title="#03a9f4 color"> #03a9f4 </a> <a href="/039be5" class="almost-table__cell is-dark" style="background-color: #039be5;" title="#039be5 color"> #039be5 </a> <a href="/0288d1" class="almost-table__cell is-dark" style="background-color: #0288d1;" title="#0288d1 color"> #0288d1 </a> <a href="/0277bd" class="almost-table__cell is-dark" style="background-color: #0277bd;" title="#0277bd color"> #0277bd </a> <a href="/01579b" class="almost-table__cell is-dark" style="background-color: #01579b;" title="#01579b color"> #01579b </a> <a href="/e0f7fa" class="almost-table__cell is-light" style="background-color: #e0f7fa;" title="#e0f7fa color"> #e0f7fa </a> <a href="/b2ebf2" class="almost-table__cell is-light" style="background-color: #b2ebf2;" title="#b2ebf2 color"> #b2ebf2 </a> <a href="/80deea" class="almost-table__cell is-light" style="background-color: #80deea;" title="#80deea color"> #80deea </a> <a href="/4dd0e1" class="almost-table__cell is-light" style="background-color: #4dd0e1;" title="#4dd0e1 color"> #4dd0e1 </a> <a href="/26c6da" class="almost-table__cell is-dark" style="background-color: #26c6da;" title="#26c6da color"> #26c6da </a> <a href="/00bcd4" class="almost-table__cell is-dark" style="background-color: #00bcd4;" title="#00bcd4 color"> #00bcd4 </a> <a href="/00acc1" class="almost-table__cell is-dark" style="background-color: #00acc1;" title="#00acc1 color"> #00acc1 </a> <a href="/0097a7" class="almost-table__cell is-dark" style="background-color: #0097a7;" title="#0097a7 color"> #0097a7 </a> <a href="/00838f" class="almost-table__cell is-dark" style="background-color: #00838f;" title="#00838f color"> #00838f </a> <a href="/006064" class="almost-table__cell is-dark" style="background-color: #006064;" title="#006064 color"> #006064 </a> <a href="/e0f2f1" class="almost-table__cell is-light" style="background-color: #e0f2f1;" title="#e0f2f1 color"> #e0f2f1 </a> <a href="/b2dfdb" class="almost-table__cell is-light" style="background-color: #b2dfdb;" title="#b2dfdb color"> #b2dfdb </a> <a href="/80cbc4" class="almost-table__cell is-light" style="background-color: #80cbc4;" title="#80cbc4 color"> #80cbc4 </a> <a href="/4db6ac" class="almost-table__cell is-dark" style="background-color: #4db6ac;" title="#4db6ac color"> #4db6ac </a> <a href="/26a69a" class="almost-table__cell is-dark" style="background-color: #26a69a;" title="#26a69a color"> #26a69a </a> <a href="/009688" class="almost-table__cell is-dark" style="background-color: #009688;" title="#009688 color"> #009688 </a> <a href="/00897b" class="almost-table__cell is-dark" style="background-color: #00897b;" title="#00897b color"> #00897b </a> <a href="/00796b" class="almost-table__cell is-dark" style="background-color: #00796b;" title="#00796b color"> #00796b </a> <a href="/00695c" class="almost-table__cell is-dark" style="background-color: #00695c;" title="#00695c color"> #00695c </a> <a href="/004d40" class="almost-table__cell is-dark" style="background-color: #004d40;" title="#004d40 color"> #004d40 </a> <a href="/e8f5e9" class="almost-table__cell is-light" style="background-color: #e8f5e9;" title="#e8f5e9 color"> #e8f5e9 </a> <a href="/c8e6c9" class="almost-table__cell is-light" style="background-color: #c8e6c9;" title="#c8e6c9 color"> #c8e6c9 </a> <a href="/a5d6a7" class="almost-table__cell is-light" style="background-color: #a5d6a7;" title="#a5d6a7 color"> #a5d6a7 </a> <a href="/81c784" class="almost-table__cell is-light" style="background-color: #81c784;" title="#81c784 color"> #81c784 </a> <a href="/66bb6a" class="almost-table__cell is-dark" style="background-color: #66bb6a;" title="#66bb6a color"> #66bb6a </a> <a href="/4caf50" class="almost-table__cell is-dark" style="background-color: #4caf50;" title="#4caf50 color"> #4caf50 </a> <a href="/43a047" class="almost-table__cell is-dark" style="background-color: #43a047;" title="#43a047 color"> #43a047 </a> <a href="/388e3c" class="almost-table__cell is-dark" style="background-color: #388e3c;" title="#388e3c color"> #388e3c </a> <a href="/2e7d32" class="almost-table__cell is-dark" style="background-color: #2e7d32;" title="#2e7d32 color"> #2e7d32 </a> <a href="/1b5e20" class="almost-table__cell is-dark" style="background-color: #1b5e20;" title="#1b5e20 color"> #1b5e20 </a> <a href="/f1f8e9" class="almost-table__cell is-light" style="background-color: #f1f8e9;" title="#f1f8e9 color"> #f1f8e9 </a> <a href="/dcedc8" class="almost-table__cell is-light" style="background-color: #dcedc8;" title="#dcedc8 color"> #dcedc8 </a> <a href="/c5e1a5" class="almost-table__cell is-light" style="background-color: #c5e1a5;" title="#c5e1a5 color"> #c5e1a5 </a> <a href="/aed581" class="almost-table__cell is-light" style="background-color: #aed581;" title="#aed581 color"> #aed581 </a> <a href="/9ccc65" class="almost-table__cell is-light" style="background-color: #9ccc65;" title="#9ccc65 color"> #9ccc65 </a> <a href="/8bc34a" class="almost-table__cell is-light" style="background-color: #8bc34a;" title="#8bc34a color"> #8bc34a </a> <a href="/7cb342" class="almost-table__cell is-dark" style="background-color: #7cb342;" title="#7cb342 color"> #7cb342 </a> <a href="/689f38" class="almost-table__cell is-dark" style="background-color: #689f38;" title="#689f38 color"> #689f38 </a> <a href="/558b2f" class="almost-table__cell is-dark" style="background-color: #558b2f;" title="#558b2f color"> #558b2f </a> <a href="/33691e" class="almost-table__cell is-dark" style="background-color: #33691e;" title="#33691e color"> #33691e </a> <a href="/f9fbe7" class="almost-table__cell is-light" style="background-color: #f9fbe7;" title="#f9fbe7 color"> #f9fbe7 </a> <a href="/f0f4c3" class="almost-table__cell is-light" style="background-color: #f0f4c3;" title="#f0f4c3 color"> #f0f4c3 </a> <a href="/e6ee9c" class="almost-table__cell is-light" style="background-color: #e6ee9c;" title="#e6ee9c color"> #e6ee9c </a> <a href="/dce775" class="almost-table__cell is-light" style="background-color: #dce775;" title="#dce775 color"> #dce775 </a> <a href="/d4e157" class="almost-table__cell is-light" style="background-color: #d4e157;" title="#d4e157 color"> #d4e157 </a> <a href="/cddc39" class="almost-table__cell is-light" style="background-color: #cddc39;" title="#cddc39 color"> #cddc39 </a> <a href="/c0ca33" class="almost-table__cell is-light" style="background-color: #c0ca33;" title="#c0ca33 color"> #c0ca33 </a> <a href="/afb42b" class="almost-table__cell is-light" style="background-color: #afb42b;" title="#afb42b color"> #afb42b </a> <a href="/9e9d24" class="almost-table__cell is-dark" style="background-color: #9e9d24;" title="#9e9d24 color"> #9e9d24 </a> <a href="/827717" class="almost-table__cell is-dark" style="background-color: #827717;" title="#827717 color"> #827717 </a> <a href="/fffde7" class="almost-table__cell is-light" style="background-color: #fffde7;" title="#fffde7 color"> #fffde7 </a> <a href="/fff9c4" class="almost-table__cell is-light" style="background-color: #fff9c4;" title="#fff9c4 color"> #fff9c4 </a> <a href="/fff59d" class="almost-table__cell is-light" style="background-color: #fff59d;" title="#fff59d color"> #fff59d </a> <a href="/fff176" class="almost-table__cell is-light" style="background-color: #fff176;" title="#fff176 color"> #fff176 </a> <a href="/ffee58" class="almost-table__cell is-light" style="background-color: #ffee58;" title="#ffee58 color"> #ffee58 </a> <a href="/ffeb3b" class="almost-table__cell is-light" style="background-color: #ffeb3b;" title="#ffeb3b color"> #ffeb3b </a> <a href="/fdd835" class="almost-table__cell is-light" style="background-color: #fdd835;" title="#fdd835 color"> #fdd835 </a> <a href="/fbc02d" class="almost-table__cell is-light" style="background-color: #fbc02d;" title="#fbc02d color"> #fbc02d </a> <a href="/f9a825" class="almost-table__cell is-light" style="background-color: #f9a825;" title="#f9a825 color"> #f9a825 </a> <a href="/f57f17" class="almost-table__cell is-dark" style="background-color: #f57f17;" title="#f57f17 color"> #f57f17 </a> <a href="/fff8e1" class="almost-table__cell is-light" style="background-color: #fff8e1;" title="#fff8e1 color"> #fff8e1 </a> <a href="/ffecb3" class="almost-table__cell is-light" style="background-color: #ffecb3;" title="#ffecb3 color"> #ffecb3 </a> <a href="/ffe082" class="almost-table__cell is-light" style="background-color: #ffe082;" title="#ffe082 color"> #ffe082 </a> <a href="/ffd54f" class="almost-table__cell is-light" style="background-color: #ffd54f;" title="#ffd54f color"> #ffd54f </a> <a href="/ffca28" class="almost-table__cell is-light" style="background-color: #ffca28;" title="#ffca28 color"> #ffca28 </a> <a href="/ffc107" class="almost-table__cell is-light" style="background-color: #ffc107;" title="#ffc107 color"> #ffc107 </a> <a href="/ffb300" class="almost-table__cell is-light" style="background-color: #ffb300;" title="#ffb300 color"> #ffb300 </a> <a href="/ffa000" class="almost-table__cell is-light" style="background-color: #ffa000;" title="#ffa000 color"> #ffa000 </a> <a href="/ff8f00" class="almost-table__cell is-light" style="background-color: #ff8f00;" title="#ff8f00 color"> #ff8f00 </a> <a href="/ff6f00" class="almost-table__cell is-dark" style="background-color: #ff6f00;" title="#ff6f00 color"> #ff6f00 </a> <a href="/fff3e0" class="almost-table__cell is-light" style="background-color: #fff3e0;" title="#fff3e0 color"> #fff3e0 </a> <a href="/ffe0b2" class="almost-table__cell is-light" style="background-color: #ffe0b2;" title="#ffe0b2 color"> #ffe0b2 </a> <a href="/ffcc80" class="almost-table__cell is-light" style="background-color: #ffcc80;" title="#ffcc80 color"> #ffcc80 </a> <a href="/ffb74d" class="almost-table__cell is-light" style="background-color: #ffb74d;" title="#ffb74d color"> #ffb74d </a> <a href="/ffa726" class="almost-table__cell is-light" style="background-color: #ffa726;" title="#ffa726 color"> #ffa726 </a> <a href="/ff9800" class="almost-table__cell is-light" style="background-color: #ff9800;" title="#ff9800 color"> #ff9800 </a> <a href="/fb8c00" class="almost-table__cell is-light" style="background-color: #fb8c00;" title="#fb8c00 color"> #fb8c00 </a> <a href="/f57c00" class="almost-table__cell is-dark" style="background-color: #f57c00;" title="#f57c00 color"> #f57c00 </a> <a href="/ef6c00" class="almost-table__cell is-dark" style="background-color: #ef6c00;" title="#ef6c00 color"> #ef6c00 </a> <a href="/e65100" class="almost-table__cell is-dark" style="background-color: #e65100;" title="#e65100 color"> #e65100 </a> <a href="/fbe9e7" class="almost-table__cell is-light" style="background-color: #fbe9e7;" title="#fbe9e7 color"> #fbe9e7 </a> <a href="/ffccbc" class="almost-table__cell is-light" style="background-color: #ffccbc;" title="#ffccbc color"> #ffccbc </a> <a href="/ffab91" class="almost-table__cell is-light" style="background-color: #ffab91;" title="#ffab91 color"> #ffab91 </a> <a href="/ff8a65" class="almost-table__cell is-light" style="background-color: #ff8a65;" title="#ff8a65 color"> #ff8a65 </a> <a href="/ff7043" class="almost-table__cell is-dark" style="background-color: #ff7043;" title="#ff7043 color"> #ff7043 </a> <a href="/ff5722" class="almost-table__cell is-dark" style="background-color: #ff5722;" title="#ff5722 color"> #ff5722 </a> <a href="/f4511e" class="almost-table__cell is-dark" style="background-color: #f4511e;" title="#f4511e color"> #f4511e </a> <a href="/e64a19" class="almost-table__cell is-dark" style="background-color: #e64a19;" title="#e64a19 color"> #e64a19 </a> <a href="/d84315" class="almost-table__cell is-dark" style="background-color: #d84315;" title="#d84315 color"> #d84315 </a> <a href="/bf360c" class="almost-table__cell is-dark" style="background-color: #bf360c;" title="#bf360c color"> #bf360c </a> <a href="/efebe9" class="almost-table__cell is-light" style="background-color: #efebe9;" title="#efebe9 color"> #efebe9 </a> <a href="/d7ccc8" class="almost-table__cell is-light" style="background-color: #d7ccc8;" title="#d7ccc8 color"> #d7ccc8 </a> <a href="/bcaaa4" class="almost-table__cell is-light" style="background-color: #bcaaa4;" title="#bcaaa4 color"> #bcaaa4 </a> <a href="/a1887f" class="almost-table__cell is-dark" style="background-color: #a1887f;" title="#a1887f color"> #a1887f </a> <a href="/8d6e63" class="almost-table__cell is-dark" style="background-color: #8d6e63;" title="#8d6e63 color"> #8d6e63 </a> <a href="/795548" class="almost-table__cell is-dark" style="background-color: #795548;" title="#795548 color"> #795548 </a> <a href="/6d4c41" class="almost-table__cell is-dark" style="background-color: #6d4c41;" title="#6d4c41 color"> #6d4c41 </a> <a href="/5d4037" class="almost-table__cell is-dark" style="background-color: #5d4037;" title="#5d4037 color"> #5d4037 </a> <a href="/4e342e" class="almost-table__cell is-dark" style="background-color: #4e342e;" title="#4e342e color"> #4e342e </a> <a href="/3e2723" class="almost-table__cell is-dark" style="background-color: #3e2723;" title="#3e2723 color"> #3e2723 </a> <a href="/fafafa" class="almost-table__cell is-light" style="background-color: #fafafa;" title="#fafafa color"> #fafafa </a> <a href="/f5f5f5" class="almost-table__cell is-light" style="background-color: #f5f5f5;" title="#f5f5f5 color"> #f5f5f5 </a> <a href="/eeeeee" class="almost-table__cell is-light" style="background-color: #eeeeee;" title="#eeeeee color"> #eeeeee </a> <a href="/e0e0e0" class="almost-table__cell is-light" style="background-color: #e0e0e0;" title="#e0e0e0 color"> #e0e0e0 </a> <a href="/bdbdbd" class="almost-table__cell is-light" style="background-color: #bdbdbd;" title="#bdbdbd color"> #bdbdbd </a> <a href="/9e9e9e" class="almost-table__cell is-light" style="background-color: #9e9e9e;" title="#9e9e9e color"> #9e9e9e </a> <a href="/757575" class="almost-table__cell is-dark" style="background-color: #757575;" title="#757575 color"> #757575 </a> <a href="/616161" class="almost-table__cell is-dark" style="background-color: #616161;" title="#616161 color"> #616161 </a> <a href="/424242" class="almost-table__cell is-dark" style="background-color: #424242;" title="#424242 color"> #424242 </a> <a href="/212121" class="almost-table__cell is-dark" style="background-color: #212121;" title="#212121 color"> #212121 </a> <a href="/eceff1" class="almost-table__cell is-light" style="background-color: #eceff1;" title="#eceff1 color"> #eceff1 </a> <a href="/cfd8dc" class="almost-table__cell is-light" style="background-color: #cfd8dc;" title="#cfd8dc color"> #cfd8dc </a> <a href="/b0bec5" class="almost-table__cell is-light" style="background-color: #b0bec5;" title="#b0bec5 color"> #b0bec5 </a> <a href="/90a4ae" class="almost-table__cell is-light" style="background-color: #90a4ae;" title="#90a4ae color"> #90a4ae </a> <a href="/78909c" class="almost-table__cell is-dark" style="background-color: #78909c;" title="#78909c color"> #78909c </a> <a href="/607d8b" class="almost-table__cell is-dark" style="background-color: #607d8b;" title="#607d8b color"> #607d8b </a> <a href="/546e7a" class="almost-table__cell is-dark" style="background-color: #546e7a;" title="#546e7a color"> #546e7a </a> <a href="/455a64" class="almost-table__cell is-dark" style="background-color: #455a64;" title="#455a64 color"> #455a64 </a> <a href="/37474f" class="almost-table__cell is-dark" style="background-color: #37474f;" title="#37474f color"> #37474f </a> <a href="/263238" class="almost-table__cell is-dark" style="background-color: #263238;" title="#263238 color"> #263238 </a> </div> </div> </div> </div> </div> <div class="row mb-5"> <div class="col-12"> <h2 class="text-center"> Colorilla - all about color! </h2> <p> Free online <i>Color</i> (USA) or <i>Colour</i> (British) tools: information, gradient generator, color wheels etc. </p> <p> Creating a unique and what is very essential recognizable site, it's necessary to take into account the major factor – the color (or colour, British). The success or vice versa the failure of the site depends on the competently chosen color scheme. Color is the most powerful and the most complicated element of the psychological impact. That's why the scrutiny of the issue is the process of the great importance. </p> <p> Color is the result of the combination of three components: the source of light, the object and the observer. Every color or the combinations of the colors are perceived differently: visually and psychically, emotionally and psychologically. It is undeniable fact that any web designer, working with the color, is guided by the subjective perception. One should remember the color blend is neatly selected by an expert. </p> </div> </div> </div> <div class="flex-grow-1"></div> <div class="container mb-3 pt-3"> <div class="row"> <div class="col-12 text-center"> <a href="/" class="h4 text-dark"> © <span class="js-colorilla"> Colorilla </span> 2021-2025 </a> <link rel="stylesheet" type="text/css" href="https://rapef.info/css/rapef-info-style.css?v=1.1.9"><button type="button" class="widgets__item widget widget_option-3 " id="rapef_button" public-key="ASDer53$awead3" name-site="colorilla.com"> <a href="https://rapef.info/colorilla.com"><span class="widget__uptime">Uptime</span><span class="widget__value">100%</span></a></button><script type="text/javascript" src="https://rapef.info/js/lib/rapef-info-script.js?v=1.1.9"></script> </div> <div class="col-12 text-center"> <a href="/_about" class="color-white"> About </a> • <a href="/_contact" class="color-white"> Contact us </a> • <a href="/_disclaimer" class="color-white"> Disclaimer </a> • <a href="/_privacy" class="color-white"> Privacy Policy </a> • <a href="/_copyright" class="color-white"> Copyright </a> </div> </div> </div> <script src="/assets/js/script.js?1dbk4e9" crossorigin="anonymous"></script> <!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.appendChild(k)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(81185875, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/81185875" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-minicolors/2.3.6/jquery.minicolors.min.js" integrity="sha512-vBqPkpOdZM0O7YezzE8xaoUdyt4Z2d+gLrY0AMvmNPLdLuNzvreTopyuaM9/FiRzHs1bwWzYDJgH6STcuNXpqg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-minicolors/2.3.6/jquery.minicolors.min.css" integrity="sha512-BVeRnUOL0G7d4gXmj+0VxpoiQuEibKQtlkclADKvCdNrESs0LA6+H8s1lU455VqWFtHBfF/pKDGw/CMat2hqOg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <script> jQuery(document).ready(function($) { $('.vd-colors input').minicolors({ inline: true, }); //Цвет и фон в Цсс // Теперь меняем фон // Теперь меняем шрифт $(".vd-colors input.in1").change(function() { let value = `Font ${$('.txt-1').data('font')}<br>Background ${$(this).val()}`; $('.txt-1').css("background-color", $(this).val()); $('.txt-1').html(value) $('.copy-1').attr('data-text', $(this).val()) }); $(".vd-colors input.in2").change(function() { let value = `Font ${$(this).val()}<br>Background ${$('.txt-2').data('background')}`; $('.txt-2').css("color", $(this).val()); $('.txt-2').html(value) $('.copy-2').attr('data-text', $(this).val()) }); $(".copy").click(function(event) { var text = $(this).attr('data-text'); var input = document.createElement('input'); input.setAttribute('value', text); document.body.appendChild(input); input.select(); var result = document.execCommand('copy'); document.body.removeChild(input); $(this).text('Copied!') setTimeout(() => { $(this).text('Copy'); }, 500) return result; }); }); </script> <style> </style> </body> </html>