{"id":9117,"date":"2026-10-22T10:52:37","date_gmt":"2026-10-22T07:52:37","guid":{"rendered":"https:\/\/academy.graphicmania.ee\/cveta-html\/"},"modified":"2026-10-22T21:27:05","modified_gmt":"2026-10-22T18:27:05","slug":"cveta-html","status":"publish","type":"page","link":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/","title":{"rendered":"\u0426\u0432\u0435\u0442\u0430 HTML"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9117\" class=\"elementor elementor-9117 elementor-bc-flex-widget\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e4a85b e-con-full e-flex e-con e-parent\" data-id=\"2e4a85b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9f4621 elementor-widget elementor-widget-html\" data-id=\"b9f4621\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.gmch{\n  --bg:#121316; --card:#1C1D22; --card2:#24252B; --line:#33353C; --fg:#F4F2F7; --muted:rgba(244,242,247,.66);\n  --pink:#E52284; --pink-t:#F2479E; --lime:#DFFB7A; --on-lime:#14121A; --pattern:rgba(223,251,122,.13);\n  --ok:#DFFB7A; --bad:#FF7A86;\n  --display:'Unbounded','Arial Black',sans-serif; --head:'Onest','Segoe UI',sans-serif; --body:'Mulish','Segoe UI',system-ui,sans-serif;\n  color-scheme:dark;\n}\nhtml.gml-on .gmch{\n  --bg:#FAFAFB; --card:#FFFFFF; --card2:#F2F1F4; --line:#E4E2E8; --fg:#14121A; --muted:rgba(20,18,26,.64);\n  --pink-t:#C8156F; --lime:#14121A; --on-lime:#DFFB7A; --pattern:rgba(229,34,132,.10); --ok:#12804A; --bad:#C4281C;\n  color-scheme:light;\n}\n.gmch *{box-sizing:border-box}\n.gmch{color:var(--fg);font:500 16px\/1.55 var(--body)}\n.gmch button{font:inherit;color:inherit;cursor:pointer}\n.gmch button:focus-visible,.gmch a:focus-visible{outline:2px solid var(--pink-t);outline-offset:3px}\n.gmch a{color:var(--pink-t);font-weight:700}\n.gmch .gc{position:relative;z-index:1;max-width:1300px;margin:0 auto;padding:56px 70px 80px;display:flex;flex-direction:column;gap:72px}\n.gmch .top{display:grid;grid-template-columns:minmax(0,1fr) 640px;gap:48px;align-items:start}\n.gmch .intro{display:flex;flex-direction:column;gap:22px;min-width:0}\n.gmch .kick{font:800 13px\/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}\nhtml.gml-on .gmch .kick{color:var(--pink-t)}\n.gmch h1{margin:0;font:600 44px\/1.08 var(--display);letter-spacing:-.035em;text-wrap:balance}\n.gmch h1 em{font-style:normal;color:var(--pink-t);text-decoration:underline wavy var(--pink-t);text-decoration-thickness:2px;text-underline-offset:10px}\n.gmch .lead{margin:0;max-width:52ch;font-size:19px;line-height:1.55}\n.gmch .facts{display:flex;flex-wrap:wrap;gap:8px}\n.gmch .facts span{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:700 13px\/1 var(--body);color:var(--muted)}\n.gmch .game{border:1px solid var(--line);border-radius:28px;background:var(--card);padding:22px;display:flex;flex-direction:column;gap:16px}\n.gmch .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}\n.gmch .st{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}\n.gmch .st span{font:800 11px\/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n.gmch .st b{font:800 22px\/1 var(--head);font-variant-numeric:tabular-nums;white-space:nowrap}\n.gmch .st.tm{border-color:var(--pink)}\n.gmch .task{display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 15px\/1.4 var(--body)}\n.gmch .task b{font:700 17px\/1.2 var(--head)}\n.gmch .row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}\n.gmch .btn{border:1px solid var(--pink);background:var(--pink);color:#fff;border-radius:999px;padding:14px 22px;font:800 15px\/1 var(--body)}\n.gmch .btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}\n.gmch .hint{font:600 14px\/1.4 var(--body);color:var(--muted)}\n.gmch .hint.pk{color:var(--pink-t)}\n.gmch .res{display:flex;flex-direction:column;gap:18px}\n.gmch .res .tag{align-self:flex-start;background:var(--lime);color:var(--on-lime);border-radius:999px;padding:6px 12px;font:800 12px\/1 var(--body);letter-spacing:.1em;text-transform:uppercase}\n.gmch .res .big{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}\n.gmch .res .big b{font:600 80px\/.9 var(--display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}\n.gmch .res .big small{font:700 22px\/1 var(--head);color:var(--muted);padding-bottom:8px}\n.gmch .res .big span{font:800 26px\/1.15 var(--head);letter-spacing:-.02em;padding-bottom:6px;flex-basis:100%}\n.gmch .res p{margin:0;color:var(--muted)}\n.gmch .rt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}\n.gmch .rt div{border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}\n.gmch .rt span{font:800 11px\/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n.gmch .rt b{font:800 22px\/1 var(--head);font-variant-numeric:tabular-nums}\n.gmch .ch{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:16px}\n.gmch .ch div{display:grid;grid-template-columns:120px 1fr 48px;gap:12px;align-items:center;font:700 14px\/1 var(--body)}\n.gmch .ch .tr{height:8px;border-radius:99px;background:var(--card2);overflow:hidden}\n.gmch .ch .tr i{display:block;height:100%;border-radius:99px}\n.gmch .ch em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}\n.gmch .btns{display:flex;flex-wrap:wrap;gap:10px;align-items:center}\n.gmch .copied{font:700 13px\/1 var(--body);color:var(--ok)}\n.gmch .cta{border:1px solid var(--line);border-radius:18px;padding:16px 18px;display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--card2)}\n.gmch .cta p{margin:0;font:600 14px\/1.45 var(--body);color:var(--fg)}\n.gmch .cta a{white-space:nowrap;text-decoration:none}\n.gmch .seo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}\n.gmch .box{border:1px solid var(--line);border-radius:24px;background:var(--card);padding:28px;display:flex;flex-direction:column;gap:12px;min-width:0}\n.gmch h2{margin:0;font:800 28px\/1.15 var(--head);letter-spacing:-.02em;text-wrap:balance}\n.gmch .box p{margin:0;color:var(--muted)}\n.gmch .box ul{margin:0;padding-left:20px;color:var(--muted);display:flex;flex-direction:column;gap:6px}\n.gmch .faq{grid-column:1\/-1}\n.gmch .faq details{border-top:1px solid var(--line);padding:16px 0}\n.gmch .faq details:last-child{padding-bottom:0}\n.gmch .faq summary{cursor:pointer;font:700 18px\/1.35 var(--head);list-style:none;display:flex;justify-content:space-between;gap:16px}\n.gmch .faq summary::after{content:\"+\";color:var(--pink-t);font-size:22px;line-height:1}\n.gmch .faq details[open] summary::after{content:\"\u2013\"}\n.gmch .faq details p{margin-top:10px;max-width:72ch}\n.gmch .more{grid-column:1\/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}\n.gmch .more a{border:1px solid var(--line);border-radius:18px;padding:18px 20px;text-decoration:none;color:var(--fg);background:var(--card);display:flex;flex-direction:column;gap:4px}\n.gmch .more a span{font:800 11px\/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}\n.gmch .more a b{font:700 18px\/1.25 var(--head)}\n@media (max-width:1100px){.gmch .gc{padding:40px 32px 64px;gap:56px}\n.gmch .top{grid-template-columns:1fr;gap:32px}\n.gmch h1{font-size:52px}\n.gmch .game{max-width:680px;width:100%;margin:0 auto}\n.gmch .intro{display:contents}\n.gmch .kick{order:1}\n.gmch .top h1{order:2}\n.gmch .lead{order:3}\n.gmch .facts{order:4}\n.gmch .game{order:5}\n.gmch .explain{order:6}}\n@media (max-width:640px){.gmch .gc{padding:28px 16px 56px;gap:44px}\n.gmch .top{gap:22px}\n.gmch .lead{font-size:17px}\n.gmch h1{font-size:26px}\n.gmch h1 em{text-underline-offset:6px}\n.gmch .game{padding:12px 8px;border-radius:22px;gap:12px}\n.gmch .stats,.gmch .task,.gmch #foot{padding-inline:6px}\n.gmch .stats{gap:6px}\n.gmch .st{padding:8px}\n.gmch .st b{font-size:17px}\n.gmch .st span{font-size:10px;letter-spacing:.06em}\n.gmch .ab{border-radius:10px}\n.gmch .res .big b{font-size:64px}\n.gmch .res .big span{font-size:21px}\n.gmch .rt b{font-size:18px}\n.gmch .rt span{font-size:10px;letter-spacing:.06em}\n.gmch .ch div{grid-template-columns:112px 1fr 40px;gap:8px}\n.gmch .cta{flex-direction:column;align-items:flex-start}\n.gmch .seo{grid-template-columns:1fr}\n.gmch .more{grid-template-columns:1fr}\n.gmch .box{padding:20px;border-radius:20px}\n.gmch h2{font-size:23px}}\n@media (prefers-reduced-motion:reduce){.gmch *{transition:none!important;animation:none!important}}\n.gmch .top{display:flex;flex-direction:column;gap:28px;align-items:stretch}\n.gmch .intro{max-width:860px}\n.gmch .card{border:1px solid var(--line);border-radius:28px;background:var(--card);padding:22px;display:flex;flex-direction:column;gap:18px}\n.gmch .card>h2{font:800 22px\/1.2 var(--head)!important}\n.gmch .conv{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px;align-items:stretch}\n.gmch .sw{border-radius:20px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;box-shadow:inset 0 0 0 1px rgba(127,127,127,.3);position:relative}\n.gmch .sw b{font:800 22px\/1.1 var(--head)}\n.gmch .sw span{font:600 13px\/1.3 var(--body);opacity:.85}\n.gmch .sw label{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.85);box-shadow:0 2px 8px rgba(0,0,0,.25);cursor:pointer}\n.gmch .sw label input{position:absolute;inset:-8px;width:60px;height:60px;border:0;padding:0;cursor:pointer;background:none}\n.gmch .cr{display:flex;flex-direction:column;gap:10px;min-width:0}\n.gmch .inp{display:flex;gap:8px}\n.gmch .inp input{flex:1;min-width:0;border:1px solid var(--line);background:var(--card2);color:var(--fg);border-radius:14px;padding:14px 16px;font:600 16px\/1.2 ui-monospace,Menlo,Consolas,monospace}\n.gmch .inp input:focus{outline:2px solid var(--pink);outline-offset:1px}\n.gmch .err{font:600 13px\/1.3 var(--body);color:var(--muted);min-height:17px;margin:0}\n.gmch .codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}\n.gmch .codes button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;border:1px solid var(--line);background:var(--card2);color:var(--fg);border-radius:14px;padding:12px 14px;text-align:left;min-width:0}\n.gmch .codes button span{font:800 11px\/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}\n.gmch .codes button code{font:600 15px\/1.3 ui-monospace,Menlo,Consolas,monospace;overflow-wrap:anywhere}\n.gmch .codes button.dn span{color:var(--ok)}\n.gmch .ctr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}\n.gmch .ctr div{border-radius:14px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:8px;font:700 15px\/1.2 var(--body)}\n.gmch .ctr div em{font-style:normal;font:700 12px\/1 var(--body);padding:5px 8px;border-radius:999px;background:rgba(0,0,0,.18)}\n.gmch .bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}\n.gmch .chips{display:flex;flex-wrap:wrap;gap:6px}\n.gmch .chips button{border:1px solid var(--line);background:var(--card2);color:var(--fg);border-radius:999px;padding:9px 13px;font:700 13px\/1 var(--body);display:inline-flex;gap:6px;align-items:center}\n.gmch .chips button i{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px rgba(127,127,127,.4)}\n.gmch .chips button.on{border-color:var(--pink);background:var(--pink);color:#fff}\n.gmch .srch{border:1px solid var(--line);background:var(--card2);color:var(--fg);border-radius:999px;padding:11px 16px;font:600 14px\/1 var(--body);width:260px;max-width:100%}\n.gmch .srch:focus{outline:2px solid var(--pink);outline-offset:1px}\n.gmch .fmt{display:flex;gap:6px;align-items:center;font:700 13px\/1 var(--body);color:var(--muted)}\n.gmch .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}\n.gmch .grid button{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--card2);color:var(--fg);border-radius:16px;overflow:hidden;padding:0;text-align:left}\n.gmch .grid button i{display:block;height:64px;box-shadow:inset 0 -1px 0 rgba(127,127,127,.25)}\n.gmch .grid button span{display:flex;flex-direction:column;gap:3px;padding:10px 12px 12px}\n.gmch .grid button strong{font:700 15px\/1.2 ui-monospace,Menlo,Consolas,monospace}\n.gmch .grid button small{font:600 13px\/1.25 var(--body);color:var(--muted)}\n.gmch .grid button code{font:600 12px\/1.3 ui-monospace,Menlo,Consolas,monospace;color:var(--muted)}\n.gmch .grid button.dn small{color:var(--ok)}\n.gmch .cnt{font:600 13px\/1 var(--body);color:var(--muted)}\n.gmch .note{font:600 13px\/1.45 var(--body);color:var(--muted);margin:0}\n.gmch .seo pre{margin:0;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:14px 16px;overflow-x:auto;font:600 13px\/1.6 ui-monospace,Menlo,Consolas,monospace;color:var(--fg)}\n.gmch .chips button:active,.gmch .codes button:active,.gmch .grid button:active,.gmch .btn:active{transform:translateY(1px)}\n@media (max-width:1100px){.gmch .intro{display:flex}}\n@media (max-width:760px){.gmch .conv{grid-template-columns:1fr}\n.gmch .sw{min-height:150px}\n.gmch .codes,.gmch .ctr{grid-template-columns:1fr 1fr}}\n@media (max-width:640px){.gmch .card{padding:14px 12px;border-radius:22px}\n.gmch .codes,.gmch .ctr{grid-template-columns:1fr}\n.gmch .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}\n.gmch .grid button i{height:48px}\n.gmch .grid button strong{font-size:13px;overflow-wrap:anywhere}\n.gmch .srch{width:100%}\n.gmch .chips button{padding:8px 11px}}\n@media (min-width:1101px){.gmch .gc{width:calc(100% - 140px);padding:40px 0 80px}}\n.gmch h1,.gmch h2,.gmch h3{color:inherit}\n.gmch .box p,.gmch .res p,.gmch .lock p,.gmch .nickf p,.gmch .lbmsg,.gmch .explain p{color:var(--muted)}\n.gmch .explain p{margin:0}\n.gmch .stage span{margin:0;padding:0}\n.gmch h1{font:600 44px\/1.08 var(--display)!important;letter-spacing:-.035em!important;margin:0!important}\n.gmch h2{font:800 28px\/1.15 var(--head)!important;letter-spacing:-.02em!important;margin:0!important}\n@media (max-width:1100px){.gmch h1{font-size:52px!important}}\n@media (max-width:640px){.gmch h1{font-size:26px!important}.gmch h2{font-size:23px!important}}\nhtml body .uicore-body-content:has(.gmch),html body:has(.gmch) #content{background:#121316!important}html.gml-on body .uicore-body-content:has(.gmch),html.gml-on body:has(.gmch) #content{background:#FAFAFB!important}\n\n<\/style>\n<div class=\"gmch\">\n<div class=\"gc\">\n  <section class=\"top\">\n    <div class=\"intro\">\n      <div class=\"kick\">\u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u044b\u0439 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442<\/div>\n      <h1>\u0426\u0432\u0435\u0442\u0430 <em>HTML<\/em>: \u043a\u043e\u0434\u044b HEX, RGB \u0438 CMYK<\/h1>\n      <p class=\"lead\">\u0412\u0441\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0446\u0432\u0435\u0442\u043e\u0432 HTML \u0438 CSS, \u0438\u0445 \u0431\u043e\u043b\u044c\u0448\u0435 140, \u0441 \u043a\u043e\u0434\u0430\u043c\u0438 \u0438 \u0440\u0443\u0441\u0441\u043a\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438. \u0410 \u0432 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440\u0435 \u043d\u0438\u0436\u0435 \u043c\u043e\u0436\u043d\u043e \u0432\u0432\u0435\u0441\u0442\u0438 \u043b\u044e\u0431\u043e\u0439 \u0446\u0432\u0435\u0442 \u0438 \u0441\u0440\u0430\u0437\u0443 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0435\u0433\u043e HEX, RGB, HSL \u0438 CMYK.<\/p>\n      <div class=\"facts\"><span>140+ \u0446\u0432\u0435\u0442\u043e\u0432 CSS<\/span><span>\u0420\u0443\u0441\u0441\u043a\u0438\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f<\/span><span>HEX \u2192 RGB \u2192 CMYK<\/span><span>\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430<\/span><span>\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0432 \u043e\u0434\u0438\u043d \u043a\u043b\u0438\u043a<\/span><\/div>\n    <\/div>\n    <div class=\"card\" data-r=\"conv\">\n      <h2>\u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 \u0446\u0432\u0435\u0442\u0430<\/h2>\n      <div class=\"conv\">\n        <div class=\"sw\" data-r=\"sw\"><label aria-label=\"\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0446\u0432\u0435\u0442 \u043d\u0430 \u043f\u0430\u043b\u0438\u0442\u0440\u0435\"><input type=\"color\" data-r=\"pick\" value=\"#e52284\"><\/label><b data-r=\"swn\"><\/b><span data-r=\"swh\"><\/span><\/div>\n        <div class=\"cr\">\n          <div class=\"inp\"><input data-r=\"in\" type=\"text\" value=\"#E52284\" spellcheck=\"false\" autocomplete=\"off\" aria-label=\"\u0426\u0432\u0435\u0442: HEX, rgb() \u0438\u043b\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\"><\/div>\n          <p class=\"err\" data-r=\"err\">\u0412\u043f\u0438\u0448\u0438 \u043a\u043e\u0434, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 #E52284, rgb(229, 34, 132) \u0438\u043b\u0438 coral<\/p>\n          <div class=\"codes\" data-r=\"codes\"><\/div>\n          <div class=\"ctr\" data-r=\"ctr\"><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"card\">\n      <h2>\u0422\u0430\u0431\u043b\u0438\u0446\u0430 \u0446\u0432\u0435\u0442\u043e\u0432 HTML<\/h2>\n      <div class=\"bar\">\n        <div class=\"chips\" data-r=\"groups\"><\/div>\n        <input class=\"srch\" data-r=\"q\" type=\"search\" placeholder=\"\u041f\u043e\u0438\u0441\u043a: blue, \u0441\u0438\u043d\u0438\u0439, #00\u2026\" aria-label=\"\u041f\u043e\u0438\u0441\u043a \u0446\u0432\u0435\u0442\u0430\">\n      <\/div>\n      <div class=\"bar\"><span class=\"cnt\" data-r=\"cnt\"><\/span><div class=\"fmt\">\u041a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a <span class=\"chips\" data-r=\"fmt\"><button type=\"button\" class=\"on\" data-f=\"hex\">HEX<\/button><button type=\"button\" data-f=\"name\">\u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435<\/button><button type=\"button\" data-f=\"rgb\">RGB<\/button><\/span><\/div><\/div>\n      <div class=\"grid\" data-r=\"grid\"><\/div>\n      <p class=\"note\">\u041d\u0430\u0436\u043c\u0438 \u043d\u0430 \u0446\u0432\u0435\u0442, \u0447\u0442\u043e\u0431\u044b \u0441\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u0434 \u0438 \u043e\u0442\u043a\u0440\u044b\u0442\u044c \u0435\u0433\u043e \u0432 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440\u0435.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"seo\">\n    <div class=\"box\">\n      <h2>\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 \u0446\u0432\u0435\u0442\u0430 HTML<\/h2>\n      <p>\u0426\u0432\u0435\u0442\u0430 HTML \u2014 \u044d\u0442\u043e 140 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0431\u0435\u0437 \u043a\u043e\u0434\u0430: red, coral, teal, rebeccapurple \u0438 \u0434\u0440\u0443\u0433\u0438\u0435. \u0418\u0445 \u043c\u043e\u0436\u043d\u043e \u043f\u0438\u0441\u0430\u0442\u044c \u0432 CSS \u0432\u043c\u0435\u0441\u0442\u043e HEX-\u043a\u043e\u0434\u0430, \u0438 \u0446\u0432\u0435\u0442 \u0431\u0443\u0434\u0435\u0442 \u043e\u0434\u0438\u043d\u0430\u043a\u043e\u0432\u044b\u043c \u0432\u043e \u0432\u0441\u0435\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445.<\/p>\n      <p>\u0421\u0430\u043c\u044b\u0435 \u043f\u0435\u0440\u0432\u044b\u0435 16 \u0446\u0432\u0435\u0442\u043e\u0432 \u043f\u043e\u044f\u0432\u0438\u043b\u0438\u0441\u044c \u0435\u0449\u0451 \u0432 HTML 4: black, silver, gray, white, maroon, red, purple, fuchsia, green, lime, olive, yellow, navy, blue, teal \u0438 aqua. \u041e\u0441\u0442\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442 CSS.<\/p>\n    <\/div>\n    <div class=\"box\">\n      <h2>\u041a\u0430\u043a \u0437\u0430\u0434\u0430\u0442\u044c \u0446\u0432\u0435\u0442 \u0432 CSS<\/h2>\n      <p>\u041e\u0434\u0438\u043d \u0438 \u0442\u043e\u0442 \u0436\u0435 \u0446\u0432\u0435\u0442 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0447\u0435\u0442\u044b\u0440\u044c\u043c\u044f \u0441\u043f\u043e\u0441\u043e\u0431\u0430\u043c\u0438:<\/p>\n<pre>color: coral;\ncolor: #FF7F50;\ncolor: rgb(255, 127, 80);\ncolor: hsl(16, 100%, 66%);<\/pre>\n      <p>\u0414\u043b\u044f \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u0438 \u0434\u043e\u0431\u0430\u0432\u044c \u0447\u0435\u0442\u0432\u0451\u0440\u0442\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435: rgb(255 127 80 \/ 50%) \u0438\u043b\u0438 \u0432\u043e\u0441\u044c\u043c\u0438\u0437\u043d\u0430\u0447\u043d\u044b\u0439 HEX #FF7F5080.<\/p>\n    <\/div>\n    <div class=\"box\">\n      <h2>HEX, RGB, HSL \u0438 CMYK: \u0447\u0442\u043e \u0432\u044b\u0431\u0440\u0430\u0442\u044c<\/h2>\n      <ul>\n        <li>HEX \u2014 \u043a\u043e\u0440\u043e\u0442\u043a\u0430\u044f \u0437\u0430\u043f\u0438\u0441\u044c \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432, Figma \u0438 \u0431\u0440\u0435\u043d\u0434\u0431\u0443\u043a\u043e\u0432: #E52284.<\/li>\n        <li>RGB \u2014 \u0442\u0435 \u0436\u0435 \u0442\u0440\u0438 \u043a\u0430\u043d\u0430\u043b\u0430 \u0441\u0432\u0435\u0442\u0430, \u043d\u043e \u0447\u0438\u0441\u043b\u0430\u043c\u0438 \u043e\u0442 0 \u0434\u043e 255.<\/li>\n        <li>HSL \u2014 \u0442\u043e\u043d, \u043d\u0430\u0441\u044b\u0449\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0438 \u0441\u0432\u0435\u0442\u043b\u043e\u0442\u0430. \u0423\u0434\u043e\u0431\u043d\u043e \u0434\u0435\u043b\u0430\u0442\u044c \u0446\u0432\u0435\u0442 \u0441\u0432\u0435\u0442\u043b\u0435\u0435 \u0438\u043b\u0438 \u0442\u0435\u043c\u043d\u0435\u0435 \u043e\u0434\u043d\u0438\u043c \u0447\u0438\u0441\u043b\u043e\u043c.<\/li>\n        <li>CMYK \u2014 \u043a\u0440\u0430\u0441\u043a\u0438 \u0434\u043b\u044f \u043f\u0435\u0447\u0430\u0442\u0438. \u041f\u0435\u0440\u0435\u0432\u043e\u0434 \u0437\u0434\u0435\u0441\u044c \u0443\u043f\u0440\u043e\u0449\u0451\u043d\u043d\u044b\u0439: \u0434\u043b\u044f \u0442\u0438\u043f\u043e\u0433\u0440\u0430\u0444\u0438\u0438 \u0441\u0432\u0435\u0440\u044f\u0439 \u0446\u0432\u0435\u0442 \u0441 \u0435\u0451 \u043f\u0440\u043e\u0444\u0438\u043b\u0435\u043c.<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"box\">\n      <h2>\u041a\u043e\u043d\u0442\u0440\u0430\u0441\u0442 \u0442\u0435\u043a\u0441\u0442\u0430<\/h2>\n      <p>\u041f\u043e\u0434 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440\u043e\u043c \u0432\u0438\u0434\u043d\u043e, \u043a\u0430\u043a \u0446\u0432\u0435\u0442 \u0441\u043c\u043e\u0442\u0440\u0438\u0442\u0441\u044f \u0441 \u0431\u0435\u043b\u044b\u043c \u0438 \u0447\u0451\u0440\u043d\u044b\u043c \u0442\u0435\u043a\u0441\u0442\u043e\u043c, \u0438 \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430 \u043f\u043e WCAG. \u0414\u043b\u044f \u043e\u0431\u044b\u0447\u043d\u043e\u0433\u043e \u0442\u0435\u043a\u0441\u0442\u0430 \u043d\u0443\u0436\u043d\u043e \u043d\u0435 \u043c\u0435\u043d\u044c\u0448\u0435 4,5 : 1, \u0434\u043b\u044f \u043a\u0440\u0443\u043f\u043d\u043e\u0433\u043e \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430 \u0445\u0432\u0430\u0442\u0438\u0442 3 : 1.<\/p>\n      <p>\u0415\u0441\u043b\u0438 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442 \u043d\u0435 \u0434\u043e\u0442\u044f\u0433\u0438\u0432\u0430\u0435\u0442, \u0441\u0434\u0432\u0438\u043d\u044c \u0441\u0432\u0435\u0442\u043b\u043e\u0442\u0443 \u0432 HSL \u0438\u043b\u0438 \u043f\u043e\u0434\u0431\u0435\u0440\u0438 \u0441\u043e\u0441\u0435\u0434\u043d\u0438\u0439 \u0446\u0432\u0435\u0442 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435.<\/p>\n    <\/div>\n    <div class=\"box faq\">\n      <h2>\u0412\u043e\u043f\u0440\u043e\u0441\u044b \u043e \u0446\u0432\u0435\u0442\u0430\u0445 HTML<\/h2>\n      <details open><summary>\u0421\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0441\u0435\u0433\u043e \u0446\u0432\u0435\u0442\u043e\u0432 HTML?<\/summary><p>\u0412 CSS 148 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u0441\u043b\u043e\u0432, \u043d\u043e \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0432\u0442\u043e\u0440\u044f\u044e\u0442 \u0434\u0440\u0443\u0433 \u0434\u0440\u0443\u0433\u0430: gray \u0438 grey, aqua \u0438 cyan, fuchsia \u0438 magenta. \u0423\u043d\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0445 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u043e\u043a\u043e\u043b\u043e 140, \u043e\u043d\u0438 \u0432\u0441\u0435 \u0435\u0441\u0442\u044c \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435.<\/p><\/details>\n      <details><summary>\u041a\u0430\u043a \u043f\u0435\u0440\u0435\u0432\u0435\u0441\u0442\u0438 HEX \u0432 RGB?<\/summary><p>\u0412\u0441\u0442\u0430\u0432\u044c HEX \u0432 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 \u0432\u0432\u0435\u0440\u0445\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b. \u0412\u0440\u0443\u0447\u043d\u0443\u044e: \u0440\u0430\u0437\u0434\u0435\u043b\u0438 \u043a\u043e\u0434 \u043d\u0430 \u0442\u0440\u0438 \u043f\u0430\u0440\u044b \u0438 \u043f\u0435\u0440\u0435\u0432\u0435\u0434\u0438 \u043a\u0430\u0436\u0434\u0443\u044e \u0438\u0437 \u0448\u0435\u0441\u0442\u043d\u0430\u0434\u0446\u0430\u0442\u0435\u0440\u0438\u0447\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 FF = 255, 7F = 127, 50 = 80.<\/p><\/details>\n      <details><summary>\u041f\u043e\u0447\u0435\u043c\u0443 darkgray \u0441\u0432\u0435\u0442\u043b\u0435\u0435, \u0447\u0435\u043c gray?<\/summary><p>\u042d\u0442\u043e \u0438\u0441\u0442\u043e\u0440\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u0443\u0442\u0430\u043d\u0438\u0446\u0430: darkgray \u043f\u0440\u0438\u0448\u0451\u043b \u0438\u0437 \u0441\u0442\u0430\u0440\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b X11, \u0430 gray \u2014 \u0438\u0437 HTML 4. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 darkgray (#A9A9A9) \u0441\u0432\u0435\u0442\u043b\u0435\u0435, \u0447\u0435\u043c gray (#808080).<\/p><\/details>\n      <details><summary>\u041c\u043e\u0436\u043d\u043e \u043b\u0438 \u043f\u0438\u0441\u0430\u0442\u044c \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f \u0446\u0432\u0435\u0442\u043e\u0432 \u043f\u043e-\u0440\u0443\u0441\u0441\u043a\u0438?<\/summary><p>\u041d\u0435\u0442, \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043f\u043e\u043d\u0438\u043c\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f. \u0420\u0443\u0441\u0441\u043a\u0438\u0435 \u0432 \u0442\u0430\u0431\u043b\u0438\u0446\u0435 \u2014 \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0449\u0435 \u043d\u0430\u0439\u0442\u0438 \u043d\u0443\u0436\u043d\u044b\u0439 \u0446\u0432\u0435\u0442.<\/p><\/details>\n      <details><summary>\u041a\u0430\u043a \u0443\u0437\u043d\u0430\u0442\u044c \u0446\u0432\u0435\u0442 \u0441 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438?<\/summary><p>\u0417\u0430\u0433\u0440\u0443\u0437\u0438 \u0435\u0451 \u0432 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 <a href=\"\/ru\/opredelit-cvet-po-foto\/\">\u00ab\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0446\u0432\u0435\u0442 \u043f\u043e \u0444\u043e\u0442\u043e\u00bb<\/a>: \u043e\u043d \u043f\u043e\u043a\u0430\u0436\u0435\u0442 \u043a\u043e\u0434 \u043b\u044e\u0431\u043e\u0439 \u0442\u043e\u0447\u043a\u0438 \u0438 \u0441\u043e\u0431\u0435\u0440\u0451\u0442 \u043f\u0430\u043b\u0438\u0442\u0440\u0443.<\/p><\/details>\n    <\/div>\n    <div class=\"more\">\n      <a href=\"\/ru\/opredelit-cvet-po-foto\/\"><span>\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442<\/span><b>\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u0446\u0432\u0435\u0442 \u043f\u043e \u0444\u043e\u0442\u043e<\/b><\/a>\n      <a href=\"\/ru\/cvetovoj-krug-onlajn\/\"><span>\u0418\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442<\/span><b>\u0426\u0432\u0435\u0442\u043e\u0432\u043e\u0439 \u043a\u0440\u0443\u0433 \u043e\u043d\u043b\u0430\u0439\u043d<\/b><\/a>\n      <a href=\"\/ru\/test-na-cvetovospriyatie\/\"><span>\u0422\u0435\u0441\u0442<\/span><b>\u0422\u0435\u0441\u0442 \u043d\u0430 \u0446\u0432\u0435\u0442\u043e\u0432\u043e\u0441\u043f\u0440\u0438\u044f\u0442\u0438\u0435<\/b><\/a>\n    <\/div>\n  <\/section>\n<\/div>\n<\/div>\n<script>\n(function(){\nvar root=document.currentScript.previousElementSibling;\nfunction gmTop(){var h=document.querySelector('.uicore-header-wrapper');if(!h||!\/absolute|fixed\/.test(getComputedStyle(h).position)){root.style.paddingTop='0px';return}if(window.scrollY>5){if(!root.style.paddingTop)root.style.paddingTop=h.offsetHeight+'px';return}root.style.paddingTop=Math.round(h.getBoundingClientRect().bottom+window.scrollY)+'px'}\ngmTop();window.addEventListener('load',gmTop);var gmW=window.innerWidth;window.addEventListener('resize',function(){if(window.innerWidth!==gmW){gmW=window.innerWidth;gmTop()}});document.addEventListener('click',function(){setTimeout(gmTop,400)});\nvar HC='pk|pink|FFC0CB|\u0440\u043e\u0437\u043e\u0432\u044b\u0439;pk|lightpink|FFB6C1|\u0441\u0432\u0435\u0442\u043b\u043e-\u0440\u043e\u0437\u043e\u0432\u044b\u0439;pk|hotpink|FF69B4|\u044f\u0440\u043a\u043e-\u0440\u043e\u0437\u043e\u0432\u044b\u0439;pk|deeppink|FF1493|\u043d\u0430\u0441\u044b\u0449\u0435\u043d\u043d\u044b\u0439 \u0440\u043e\u0437\u043e\u0432\u044b\u0439;pk|palevioletred|DB7093|\u0431\u043b\u0435\u0434\u043d\u044b\u0439 \u043a\u0440\u0430\u0441\u043d\u043e-\u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u044b\u0439;pk|mediumvioletred|C71585|\u043a\u0440\u0430\u0441\u043d\u043e-\u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u044b\u0439;'+\n'rd|lightsalmon|FFA07A|\u0441\u0432\u0435\u0442\u043b\u044b\u0439 \u043b\u043e\u0441\u043e\u0441\u0435\u0432\u044b\u0439;rd|salmon|FA8072|\u043b\u043e\u0441\u043e\u0441\u0435\u0432\u044b\u0439;rd|darksalmon|E9967A|\u0442\u0451\u043c\u043d\u044b\u0439 \u043b\u043e\u0441\u043e\u0441\u0435\u0432\u044b\u0439;rd|lightcoral|F08080|\u0441\u0432\u0435\u0442\u043b\u043e-\u043a\u043e\u0440\u0430\u043b\u043b\u043e\u0432\u044b\u0439;rd|indianred|CD5C5C|\u0438\u043d\u0434\u0438\u0439\u0441\u043a\u0438\u0439 \u043a\u0440\u0430\u0441\u043d\u044b\u0439;rd|crimson|DC143C|\u043c\u0430\u043b\u0438\u043d\u043e\u0432\u044b\u0439;rd|firebrick|B22222|\u043a\u0438\u0440\u043f\u0438\u0447\u043d\u044b\u0439;rd|darkred|8B0000|\u0442\u0451\u043c\u043d\u043e-\u043a\u0440\u0430\u0441\u043d\u044b\u0439;rd|red|FF0000|\u043a\u0440\u0430\u0441\u043d\u044b\u0439;'+\n'or|orangered|FF4500|\u043e\u0440\u0430\u043d\u0436\u0435\u0432\u043e-\u043a\u0440\u0430\u0441\u043d\u044b\u0439;or|tomato|FF6347|\u0442\u043e\u043c\u0430\u0442\u043d\u044b\u0439;or|coral|FF7F50|\u043a\u043e\u0440\u0430\u043b\u043b\u043e\u0432\u044b\u0439;or|darkorange|FF8C00|\u0442\u0451\u043c\u043d\u043e-\u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439;or|orange|FFA500|\u043e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0439;'+\n'ye|yellow|FFFF00|\u0436\u0451\u043b\u0442\u044b\u0439;ye|lightyellow|FFFFE0|\u0441\u0432\u0435\u0442\u043b\u043e-\u0436\u0451\u043b\u0442\u044b\u0439;ye|lemonchiffon|FFFACD|\u043b\u0438\u043c\u043e\u043d\u043d\u044b\u0439 \u0448\u0438\u0444\u043e\u043d;ye|lightgoldenrodyellow|FAFAD2|\u0441\u0432\u0435\u0442\u043b\u044b\u0439 \u0437\u043e\u043b\u043e\u0442\u0438\u0441\u0442\u043e-\u0436\u0451\u043b\u0442\u044b\u0439;ye|papayawhip|FFEFD5|\u043f\u0430\u043f\u0430\u0439\u044f;ye|moccasin|FFE4B5|\u043c\u043e\u043a\u0430\u0441\u0438\u043d\u043e\u0432\u044b\u0439;ye|peachpuff|FFDAB9|\u043f\u0435\u0440\u0441\u0438\u043a\u043e\u0432\u044b\u0439;ye|palegoldenrod|EEE8AA|\u0431\u043b\u0435\u0434\u043d\u043e-\u0437\u043e\u043b\u043e\u0442\u0438\u0441\u0442\u044b\u0439;ye|khaki|F0E68C|\u0445\u0430\u043a\u0438;ye|darkkhaki|BDB76B|\u0442\u0451\u043c\u043d\u044b\u0439 \u0445\u0430\u043a\u0438;ye|gold|FFD700|\u0437\u043e\u043b\u043e\u0442\u043e\u0439;'+\n'br|cornsilk|FFF8DC|\u043a\u0443\u043a\u0443\u0440\u0443\u0437\u043d\u044b\u0439 \u0448\u0451\u043b\u043a;br|blanchedalmond|FFEBCD|\u0431\u043b\u0435\u0434\u043d\u043e-\u043c\u0438\u043d\u0434\u0430\u043b\u044c\u043d\u044b\u0439;br|bisque|FFE4C4|\u0431\u0438\u0441\u043a\u0432\u0438\u0442\u043d\u044b\u0439;br|navajowhite|FFDEAD|\u0431\u0435\u043b\u044b\u0439 \u043d\u0430\u0432\u0430\u0445\u043e;br|wheat|F5DEB3|\u043f\u0448\u0435\u043d\u0438\u0447\u043d\u044b\u0439;br|burlywood|DEB887|\u0434\u0440\u0435\u0432\u0435\u0441\u043d\u044b\u0439;br|tan|D2B48C|\u0440\u044b\u0436\u0435\u0432\u0430\u0442\u043e-\u0431\u0435\u0436\u0435\u0432\u044b\u0439;br|rosybrown|BC8F8F|\u0440\u043e\u0437\u043e\u0432\u043e-\u043a\u043e\u0440\u0438\u0447\u043d\u0435\u0432\u044b\u0439;br|sandybrown|F4A460|\u043f\u0435\u0441\u043e\u0447\u043d\u043e-\u043a\u043e\u0440\u0438\u0447\u043d\u0435\u0432\u044b\u0439;br|goldenrod|DAA520|\u0437\u043e\u043b\u043e\u0442\u0430\u0440\u043d\u0438\u043a;br|darkgoldenrod|B8860B|\u0442\u0451\u043c\u043d\u044b\u0439 \u0437\u043e\u043b\u043e\u0442\u0430\u0440\u043d\u0438\u043a;br|peru|CD853F|\u043f\u0435\u0440\u0443;br|chocolate|D2691E|\u0448\u043e\u043a\u043e\u043b\u0430\u0434\u043d\u044b\u0439;br|saddlebrown|8B4513|\u043a\u043e\u0436\u0430\u043d\u043e-\u043a\u043e\u0440\u0438\u0447\u043d\u0435\u0432\u044b\u0439;br|sienna|A0522D|\u0441\u0438\u0435\u043d\u0430;br|brown|A52A2A|\u043a\u043e\u0440\u0438\u0447\u043d\u0435\u0432\u044b\u0439;br|maroon|800000|\u0442\u0451\u043c\u043d\u043e-\u0431\u043e\u0440\u0434\u043e\u0432\u044b\u0439;'+\n'gr|darkolivegreen|556B2F|\u0442\u0451\u043c\u043d\u043e-\u043e\u043b\u0438\u0432\u043a\u043e\u0432\u044b\u0439;gr|olive|808000|\u043e\u043b\u0438\u0432\u043a\u043e\u0432\u044b\u0439;gr|olivedrab|6B8E23|\u0442\u0443\u0441\u043a\u043b\u043e-\u043e\u043b\u0438\u0432\u043a\u043e\u0432\u044b\u0439;gr|yellowgreen|9ACD32|\u0436\u0451\u043b\u0442\u043e-\u0437\u0435\u043b\u0451\u043d\u044b\u0439;gr|limegreen|32CD32|\u0437\u0435\u043b\u0451\u043d\u044b\u0439 \u043b\u0430\u0439\u043c;gr|lime|00FF00|\u043b\u0430\u0439\u043c;gr|lawngreen|7CFC00|\u0437\u0435\u043b\u0451\u043d\u0430\u044f \u043b\u0443\u0436\u0430\u0439\u043a\u0430;gr|chartreuse|7FFF00|\u0448\u0430\u0440\u0442\u0440\u0435\u0437;gr|greenyellow|ADFF2F|\u0437\u0435\u043b\u0451\u043d\u043e-\u0436\u0451\u043b\u0442\u044b\u0439;gr|springgreen|00FF7F|\u0432\u0435\u0441\u0435\u043d\u043d\u0438\u0439 \u0437\u0435\u043b\u0451\u043d\u044b\u0439;gr|mediumspringgreen|00FA9A|\u0441\u0440\u0435\u0434\u043d\u0438\u0439 \u0432\u0435\u0441\u0435\u043d\u043d\u0438\u0439 \u0437\u0435\u043b\u0451\u043d\u044b\u0439;gr|lightgreen|90EE90|\u0441\u0432\u0435\u0442\u043b\u043e-\u0437\u0435\u043b\u0451\u043d\u044b\u0439;gr|palegreen|98FB98|\u0431\u043b\u0435\u0434\u043d\u043e-\u0437\u0435\u043b\u0451\u043d\u044b\u0439;gr|darkseagreen|8FBC8F|\u0442\u0451\u043c\u043d\u044b\u0439 \u0446\u0432\u0435\u0442 \u043c\u043e\u0440\u0441\u043a\u043e\u0439 \u0432\u043e\u043b\u043d\u044b;gr|mediumaquamarine|66CDAA|\u0441\u0440\u0435\u0434\u043d\u0438\u0439 \u0430\u043a\u0432\u0430\u043c\u0430\u0440\u0438\u043d;gr|mediumseagreen|3CB371|\u0441\u0440\u0435\u0434\u043d\u0438\u0439 \u043c\u043e\u0440\u0441\u043a\u043e\u0439 \u0437\u0435\u043b\u0451\u043d\u044b\u0439;gr|seagreen|2E8B57|\u043c\u043e\u0440\u0441\u043a\u043e\u0439 \u0437\u0435\u043b\u0451\u043d\u044b\u0439;gr|forestgreen|228B22|\u043b\u0435\u0441\u043d\u043e\u0439 \u0437\u0435\u043b\u0451\u043d\u044b\u0439;gr|green|008000|\u0437\u0435\u043b\u0451\u043d\u044b\u0439;gr|darkgreen|006400|\u0442\u0451\u043c\u043d\u043e-\u0437\u0435\u043b\u0451\u043d\u044b\u0439;'+\n'cy|aqua|00FFFF|\u0430\u043a\u0432\u0430;cy|cyan|00FFFF|\u0446\u0438\u0430\u043d;cy|lightcyan|E0FFFF|\u0441\u0432\u0435\u0442\u043b\u044b\u0439 \u0446\u0438\u0430\u043d;cy|paleturquoise|AFEEEE|\u0431\u043b\u0435\u0434\u043d\u043e-\u0431\u0438\u0440\u044e\u0437\u043e\u0432\u044b\u0439;cy|aquamarine|7FFFD4|\u0430\u043a\u0432\u0430\u043c\u0430\u0440\u0438\u043d;cy|turquoise|40E0D0|\u0431\u0438\u0440\u044e\u0437\u043e\u0432\u044b\u0439;cy|mediumturquoise|48D1CC|\u0441\u0440\u0435\u0434\u043d\u0438\u0439 \u0431\u0438\u0440\u044e\u0437\u043e\u0432\u044b\u0439;cy|darkturquoise|00CED1|\u0442\u0451\u043c\u043d\u043e-\u0431\u0438\u0440\u044e\u0437\u043e\u0432\u044b\u0439;cy|lightseagreen|20B2AA|\u0441\u0432\u0435\u0442\u043b\u044b\u0439 \u043c\u043e\u0440\u0441\u043a\u043e\u0439 \u0437\u0435\u043b\u0451\u043d\u044b\u0439;cy|cadetblue|5F9EA0|\u0441\u0435\u0440\u043e-\u0441\u0438\u043d\u0438\u0439;cy|darkcyan|008B8B|\u0442\u0451\u043c\u043d\u044b\u0439 \u0446\u0438\u0430\u043d;cy|teal|008080|\u0442\u0438\u043b;'+\n'bl|lightsteelblue|B0C4DE|\u0441\u0432\u0435\u0442\u043b\u044b\u0439 \u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u043d\u0438\u0439;bl|powderblue|B0E0E6|\u043f\u0443\u0434\u0440\u043e\u0432\u043e-\u0433\u043e\u043b\u0443\u0431\u043e\u0439;bl|lightblue|ADD8E6|\u0441\u0432\u0435\u0442\u043b\u043e-\u0433\u043e\u043b\u0443\u0431\u043e\u0439;bl|skyblue|87CEEB|\u043d\u0435\u0431\u0435\u0441\u043d\u043e-\u0433\u043e\u043b\u0443\u0431\u043e\u0439;bl|lightskyblue|87CEFA|\u0441\u0432\u0435\u0442\u043b\u044b\u0439 \u043d\u0435\u0431\u0435\u0441\u043d\u043e-\u0433\u043e\u043b\u0443\u0431\u043e\u0439;bl|deepskyblue|00BFFF|\u043d\u0430\u0441\u044b\u0449\u0435\u043d\u043d\u044b\u0439 \u043d\u0435\u0431\u0435\u0441\u043d\u043e-\u0433\u043e\u043b\u0443\u0431\u043e\u0439;bl|dodgerblue|1E90FF|\u0441\u0438\u043d\u0438\u0439 \u0434\u043e\u0434\u0436\u0435\u0440;bl|cornflowerblue|6495ED|\u0432\u0430\u0441\u0438\u043b\u044c\u043a\u043e\u0432\u044b\u0439;bl|steelblue|4682B4|\u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0438\u043d\u0438\u0439;bl|royalblue|4169E1|\u043a\u043e\u0440\u043e\u043b\u0435\u0432\u0441\u043a\u0438\u0439 \u0441\u0438\u043d\u0438\u0439;bl|blue|0000FF|\u0441\u0438\u043d\u0438\u0439;bl|mediumblue|0000CD|\u0441\u0440\u0435\u0434\u043d\u0438\u0439 \u0441\u0438\u043d\u0438\u0439;bl|darkblue|00008B|\u0442\u0451\u043c\u043d\u043e-\u0441\u0438\u043d\u0438\u0439;bl|navy|000080|\u0442\u0451\u043c\u043d\u043e-\u0441\u0438\u043d\u0438\u0439 \u043d\u0430\u0432\u0438;bl|midnightblue|191970|\u043f\u043e\u043b\u0443\u043d\u043e\u0447\u043d\u043e-\u0441\u0438\u043d\u0438\u0439;'+\n'pu|lavender|E6E6FA|\u043b\u0430\u0432\u0430\u043d\u0434\u043e\u0432\u044b\u0439;pu|thistle|D8BFD8|\u0447\u0435\u0440\u0442\u043e\u043f\u043e\u043b\u043e\u0445;pu|plum|DDA0DD|\u0441\u043b\u0438\u0432\u043e\u0432\u044b\u0439;pu|violet|EE82EE|\u0444\u0438\u0430\u043b\u043a\u043e\u0432\u044b\u0439;pu|orchid|DA70D6|\u043e\u0440\u0445\u0438\u0434\u0435\u044f;pu|fuchsia|FF00FF|\u0444\u0443\u043a\u0441\u0438\u044f;pu|magenta|FF00FF|\u043c\u0430\u0434\u0436\u0435\u043d\u0442\u0430;pu|mediumorchid|BA55D3|\u0441\u0440\u0435\u0434\u043d\u044f\u044f \u043e\u0440\u0445\u0438\u0434\u0435\u044f;pu|mediumpurple|9370DB|\u0441\u0440\u0435\u0434\u043d\u0438\u0439 \u043f\u0443\u0440\u043f\u0443\u0440\u043d\u044b\u0439;pu|blueviolet|8A2BE2|\u0441\u0438\u043d\u0435-\u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u044b\u0439;pu|darkviolet|9400D3|\u0442\u0451\u043c\u043d\u043e-\u0444\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u044b\u0439;pu|darkorchid|9932CC|\u0442\u0451\u043c\u043d\u0430\u044f \u043e\u0440\u0445\u0438\u0434\u0435\u044f;pu|darkmagenta|8B008B|\u0442\u0451\u043c\u043d\u0430\u044f \u043c\u0430\u0434\u0436\u0435\u043d\u0442\u0430;pu|purple|800080|\u043f\u0443\u0440\u043f\u0443\u0440\u043d\u044b\u0439;pu|rebeccapurple|663399|\u043f\u0443\u0440\u043f\u0443\u0440\u043d\u044b\u0439 \u0420\u0435\u0431\u0435\u043a\u043a\u0438;pu|indigo|4B0082|\u0438\u043d\u0434\u0438\u0433\u043e;pu|darkslateblue|483D8B|\u0442\u0451\u043c\u043d\u044b\u0439 \u0430\u0441\u043f\u0438\u0434\u043d\u043e-\u0441\u0438\u043d\u0438\u0439;pu|slateblue|6A5ACD|\u0430\u0441\u043f\u0438\u0434\u043d\u043e-\u0441\u0438\u043d\u0438\u0439;pu|mediumslateblue|7B68EE|\u0441\u0440\u0435\u0434\u043d\u0438\u0439 \u0430\u0441\u043f\u0438\u0434\u043d\u043e-\u0441\u0438\u043d\u0438\u0439;'+\n'wh|white|FFFFFF|\u0431\u0435\u043b\u044b\u0439;wh|snow|FFFAFA|\u0441\u043d\u0435\u0436\u043d\u044b\u0439;wh|honeydew|F0FFF0|\u043c\u0435\u0434\u043e\u0432\u0430\u044f \u0440\u043e\u0441\u0430;wh|mintcream|F5FFFA|\u043c\u044f\u0442\u043d\u044b\u0439 \u043a\u0440\u0435\u043c;wh|azure|F0FFFF|\u0431\u043b\u0435\u0434\u043d\u043e-\u043b\u0430\u0437\u0443\u0440\u043d\u044b\u0439;wh|aliceblue|F0F8FF|\u0433\u043e\u043b\u0443\u0431\u043e\u0439 \u042d\u043b\u0438\u0441;wh|ghostwhite|F8F8FF|\u043f\u0440\u0438\u0437\u0440\u0430\u0447\u043d\u043e-\u0431\u0435\u043b\u044b\u0439;wh|whitesmoke|F5F5F5|\u0431\u0435\u043b\u044b\u0439 \u0434\u044b\u043c;wh|seashell|FFF5EE|\u043c\u043e\u0440\u0441\u043a\u0430\u044f \u0440\u0430\u043a\u0443\u0448\u043a\u0430;wh|beige|F5F5DC|\u0431\u0435\u0436\u0435\u0432\u044b\u0439;wh|oldlace|FDF5E6|\u0441\u0442\u0430\u0440\u043e\u0435 \u043a\u0440\u0443\u0436\u0435\u0432\u043e;wh|floralwhite|FFFAF0|\u0446\u0432\u0435\u0442\u043e\u0447\u043d\u044b\u0439 \u0431\u0435\u043b\u044b\u0439;wh|ivory|FFFFF0|\u0441\u043b\u043e\u043d\u043e\u0432\u0430\u044f \u043a\u043e\u0441\u0442\u044c;wh|antiquewhite|FAEBD7|\u0430\u043d\u0442\u0438\u0447\u043d\u044b\u0439 \u0431\u0435\u043b\u044b\u0439;wh|linen|FAF0E6|\u043b\u044c\u043d\u044f\u043d\u043e\u0439;wh|lavenderblush|FFF0F5|\u043b\u0430\u0432\u0430\u043d\u0434\u043e\u0432\u044b\u0439 \u0440\u0443\u043c\u044f\u043d\u0435\u0446;wh|mistyrose|FFE4E1|\u0442\u0443\u043c\u0430\u043d\u043d\u0430\u044f \u0440\u043e\u0437\u0430;'+\n'gy|gainsboro|DCDCDC|\u0433\u0435\u0439\u043d\u0441\u0431\u043e\u0440\u043e;gy|lightgray|D3D3D3|\u0441\u0432\u0435\u0442\u043b\u043e-\u0441\u0435\u0440\u044b\u0439;gy|silver|C0C0C0|\u0441\u0435\u0440\u0435\u0431\u0440\u044f\u043d\u044b\u0439;gy|darkgray|A9A9A9|\u0442\u0451\u043c\u043d\u043e-\u0441\u0435\u0440\u044b\u0439;gy|gray|808080|\u0441\u0435\u0440\u044b\u0439;gy|dimgray|696969|\u0442\u0443\u0441\u043a\u043b\u043e-\u0441\u0435\u0440\u044b\u0439;gy|lightslategray|778899|\u0441\u0432\u0435\u0442\u043b\u044b\u0439 \u0430\u0441\u043f\u0438\u0434\u043d\u043e-\u0441\u0435\u0440\u044b\u0439;gy|slategray|708090|\u0430\u0441\u043f\u0438\u0434\u043d\u043e-\u0441\u0435\u0440\u044b\u0439;gy|darkslategray|2F4F4F|\u0442\u0451\u043c\u043d\u044b\u0439 \u0430\u0441\u043f\u0438\u0434\u043d\u043e-\u0441\u0435\u0440\u044b\u0439;gy|black|000000|\u0447\u0451\u0440\u043d\u044b\u0439';\nHC=HC.split(';').map(function(s){var p=s.split('|');return {g:p[0],n:p[1],h:p[2],r:p[3]}});\n\nfunction q(s){return root.querySelector(s)}\nfunction hx(n){return ('0'+n.toString(16)).slice(-2).toUpperCase()}\nfunction toHex(c){return '#'+hx(c[0])+hx(c[1])+hx(c[2])}\nfunction h2c(h){return [parseInt(h.slice(0,2),16),parseInt(h.slice(2,4),16),parseInt(h.slice(4,6),16)]}\nfunction hsl(c){var r=c[0]\/255,g=c[1]\/255,b=c[2]\/255,mx=Math.max(r,g,b),mn=Math.min(r,g,b),l=(mx+mn)\/2,h=0,s=0,d=mx-mn;if(d){s=l>.5?d\/(2-mx-mn):d\/(mx+mn);h=mx===r?(g-b)\/d+(g<b?6:0):mx===g?(b-r)\/d+2:(r-g)\/d+4;h*=60}return [Math.round(h)%360,Math.round(s*100),Math.round(l*100)]}\nfunction cmyk(c){var r=c[0]\/255,g=c[1]\/255,b=c[2]\/255,k=1-Math.max(r,g,b);if(k>=1)return [0,0,0,100];return [(1-r-k)\/(1-k),(1-g-k)\/(1-k),(1-b-k)\/(1-k),k].map(function(v){return Math.round(v*100)})}\nfunction lum(c){var a=c.map(function(v){v\/=255;return v<=.03928?v\/12.92:Math.pow((v+.055)\/1.055,2.4)});return .2126*a[0]+.7152*a[1]+.0722*a[2]}\nfunction ratio(a,b){var x=lum(a),y=lum(b);return (Math.max(x,y)+.05)\/(Math.min(x,y)+.05)}\nfunction lab(c){var r=c.map(function(v){v\/=255;return v>.04045?Math.pow((v+.055)\/1.055,2.4):v\/12.92});var x=(r[0]*.4124+r[1]*.3576+r[2]*.1805)\/.95047,y=r[0]*.2126+r[1]*.7152+r[2]*.0722,z=(r[0]*.0193+r[1]*.1192+r[2]*.9505)\/1.08883;function f(t){return t>.008856?Math.cbrt(t):7.787*t+16\/116}var fx=f(x),fy=f(y),fz=f(z);return [116*fy-16,500*(fx-fy),200*(fy-fz)]}\nHC.forEach(function(x){x.c=h2c(x.h);x.L=lab(x.c)});\nvar BYN={};HC.forEach(function(x){BYN[x.n]=x});BYN.grey=BYN.gray;BYN.darkgrey=BYN.darkgray;BYN.lightgrey=BYN.lightgray;BYN.dimgrey=BYN.dimgray;BYN.slategrey=BYN.slategray;BYN.lightslategrey=BYN.lightslategray;BYN.darkslategrey=BYN.darkslategray;\nfunction near(c){var L=lab(c),b=null,bd=1e9;HC.forEach(function(x){var d=Math.pow(L[0]-x.L[0],2)+Math.pow(L[1]-x.L[1],2)+Math.pow(L[2]-x.L[2],2);if(d<bd){bd=d;b=x}});return {x:b,exact:bd<.01}}\nfunction parse(s){s=String(s).trim().toLowerCase();if(!s)return null;\n  if(BYN[s.replace(\/\\s+\/g,'')])return BYN[s.replace(\/\\s+\/g,'')].c.slice();\n  var ru=HC.filter(function(x){return x.r===s})[0];if(ru)return ru.c.slice();\n  var m=s.match(\/^#?([0-9a-f]{3}|[0-9a-f]{6})$\/);if(m){var h=m[1];if(h.length===3)h=h[0]+h[0]+h[1]+h[1]+h[2]+h[2];return h2c(h.toUpperCase())}\n  m=s.match(\/^rgba?\\(\\s*(\\d{1,3})[\\s,]+(\\d{1,3})[\\s,]+(\\d{1,3})\/)||s.match(\/^(\\d{1,3})[\\s,]+(\\d{1,3})[\\s,]+(\\d{1,3})$\/);if(m){var c=[+m[1],+m[2],+m[3]];if(c.every(function(v){return v<=255}))return c}\n  m=s.match(\/^hsla?\\(\\s*(\\d{1,3})(?:deg)?[\\s,]+(\\d{1,3})%[\\s,]+(\\d{1,3})%\/);if(m){var H=+m[1]%360,S=+m[2]\/100,Lg=+m[3]\/100;if(S>1||Lg>1)return null;var k=function(n){return (n+H\/30)%12},a=S*Math.min(Lg,1-Lg),f=function(n){return Lg-a*Math.max(-1,Math.min(k(n)-3,Math.min(9-k(n),1)))};return [f(0),f(8),f(4)].map(function(v){return Math.round(v*255)})}\n  return null}\nvar cur=[229,34,132];\nfunction show(c,fromPick){cur=c;var h=toHex(c),hs=hsl(c),cm=cmyk(c),nr=near(c);\n  var sw=q('[data-r=sw]');sw.style.background=h;var dark=ratio(c,[0,0,0])>ratio(c,[255,255,255]);sw.style.color=dark?'#14121A':'#FFFFFF';\n  q('[data-r=swn]').textContent=nr.exact?nr.x.n:'\u2248 '+nr.x.n;q('[data-r=swh]').textContent=nr.x.r+(nr.exact?'':' \u00b7 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u0439 \u0446\u0432\u0435\u0442 HTML '+nr.x.h.replace(\/^\/,'#'));\n  if(!fromPick)q('[data-r=pick]').value=h.toLowerCase();\n  var rows=[['HEX',h],['RGB','rgb('+c.join(', ')+')'],['HSL','hsl('+hs[0]+', '+hs[1]+'%, '+hs[2]+'%)'],['CMYK','C'+cm[0]+' M'+cm[1]+' Y'+cm[2]+' K'+cm[3]],['\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 CSS',nr.exact?nr.x.n:'\u043d\u0435\u0442 \u0442\u043e\u0447\u043d\u043e\u0433\u043e, \u0431\u043b\u0438\u0436\u0435 \u0432\u0441\u0435\u0433\u043e '+nr.x.n],['Android (ARGB)','0xFF'+h.slice(1)]];\n  q('[data-r=codes]').innerHTML=rows.map(function(r,i){return '<button type=\"button\" data-c=\"'+i+'\"><span>'+r[0]+'<\/span><code><\/code><\/button>'}).join('');\n  q('[data-r=codes]').querySelectorAll('button').forEach(function(b,i){var v=rows[i][1];b.querySelector('code').textContent=v;b.onclick=function(){copy(i===4?nr.x.n:v,b.querySelector('span'))}});\n  var w=ratio(c,[255,255,255]),bk=ratio(c,[0,0,0]);\n  function badge(r){return r>=7?'AAA':r>=4.5?'AA':r>=3?'\u043a\u0440\u0443\u043f\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442':'\u043c\u0430\u043b\u043e'}\n  q('[data-r=ctr]').innerHTML='<div style=\"background:'+h+';color:#FFFFFF\">\u0411\u0435\u043b\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 <em>'+w.toFixed(1).replace('.',',')+' : 1 \u00b7 '+badge(w)+'<\/em><\/div><div style=\"background:'+h+';color:#000000\">\u0427\u0451\u0440\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 <em style=\"background:rgba(255,255,255,.35)\">'+bk.toFixed(1).replace('.',',')+' : 1 \u00b7 '+badge(bk)+'<\/em><\/div>';\n}\nfunction copy(t,el){var done=function(){if(!el)return;var o=el.textContent;el.textContent='\u0421\u043a\u043e\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u043e';var b=el.closest('button');if(b)b.classList.add('dn');setTimeout(function(){el.textContent=o;if(b)b.classList.remove('dn')},1300)};if(navigator.clipboard&&navigator.clipboard.writeText)navigator.clipboard.writeText(t).then(done,done);else done()}\nvar inp=q('[data-r=in]'),err=q('[data-r=err]'),hint=err.textContent;\ninp.addEventListener('input',function(){var c=parse(inp.value);if(c){err.textContent=hint;err.style.color='';show(c)}else{err.textContent='\u041d\u0435 \u0443\u0437\u043d\u0430\u044e \u044d\u0442\u043e\u0442 \u0446\u0432\u0435\u0442. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439 #E52284, rgb(229, 34, 132), hsl(330, 78%, 52%) \u0438\u043b\u0438 coral';err.style.color='var(--bad)'}});\nq('[data-r=pick]').addEventListener('input',function(e){var c=parse(e.target.value);if(c){inp.value=toHex(c);err.textContent=hint;err.style.color='';show(c,true)}});\n\/* \u0442\u0430\u0431\u043b\u0438\u0446\u0430 *\/\nvar G=[['all','\u0412\u0441\u0435',null],['pk','\u0420\u043e\u0437\u043e\u0432\u044b\u0435','#FF69B4'],['rd','\u041a\u0440\u0430\u0441\u043d\u044b\u0435','#DC143C'],['or','\u041e\u0440\u0430\u043d\u0436\u0435\u0432\u044b\u0435','#FF8C00'],['ye','\u0416\u0451\u043b\u0442\u044b\u0435','#FFD700'],['br','\u041a\u043e\u0440\u0438\u0447\u043d\u0435\u0432\u044b\u0435','#A0522D'],['gr','\u0417\u0435\u043b\u0451\u043d\u044b\u0435','#228B22'],['cy','\u0411\u0438\u0440\u044e\u0437\u043e\u0432\u044b\u0435','#40E0D0'],['bl','\u0421\u0438\u043d\u0438\u0435','#4169E1'],['pu','\u0424\u0438\u043e\u043b\u0435\u0442\u043e\u0432\u044b\u0435','#8A2BE2'],['wh','\u0411\u0435\u043b\u044b\u0435','#F5F5DC'],['gy','\u0421\u0435\u0440\u044b\u0435','#808080']];\nvar grp='all',fmt='hex',qq='';\nq('[data-r=groups]').innerHTML=G.map(function(g,i){return '<button type=\"button\" data-g=\"'+g[0]+'\" class=\"'+(i?'':'on')+'\">'+(g[2]?'<i style=\"background:'+g[2]+'\"><\/i>':'')+g[1]+'<\/button>'}).join('');\nq('[data-r=groups]').addEventListener('click',function(e){var b=e.target.closest('button');if(!b)return;grp=b.dataset.g;this.querySelectorAll('button').forEach(function(x){x.classList.toggle('on',x===b)});draw()});\nq('[data-r=fmt]').addEventListener('click',function(e){var b=e.target.closest('button');if(!b)return;fmt=b.dataset.f;this.querySelectorAll('button').forEach(function(x){x.classList.toggle('on',x===b)})});\nq('[data-r=q]').addEventListener('input',function(){qq=this.value.trim().toLowerCase().replace(\/^#\/,'');if(qq&&grp!=='all'){grp='all';q('[data-r=groups]').querySelectorAll('button').forEach(function(x){x.classList.toggle('on',x.dataset.g==='all')})}draw()});\nvar list=[];\nfunction draw(){var g=q('[data-r=grid]');list=HC.filter(function(x){return (grp==='all'||x.g===grp)&&(!qq||x.n.indexOf(qq.replace(\/\\s+\/g,''))>=0||x.r.indexOf(qq)>=0||x.h.toLowerCase().indexOf(qq)===0)});\n  g.innerHTML=list.map(function(x,i){return '<button type=\"button\" data-i=\"'+i+'\"><i style=\"background:#'+x.h+'\"><\/i><span><strong>'+x.n+'<\/strong><small>'+x.r+'<\/small><code>#'+x.h+' \u00b7 '+x.c.join(', ')+'<\/code><\/span><\/button>'}).join('');\n  var n=list.length;q('[data-r=cnt]').textContent=n?n+' '+(n%10===1&&n%100!==11?'\u0446\u0432\u0435\u0442':n%10>=2&&n%10<=4&&(n%100<12||n%100>14)?'\u0446\u0432\u0435\u0442\u0430':'\u0446\u0432\u0435\u0442\u043e\u0432'):'\u041d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u043d\u0430\u0448\u043b\u043e\u0441\u044c. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439 \u043f\u043e-\u0430\u043d\u0433\u043b\u0438\u0439\u0441\u043a\u0438 \u0438\u043b\u0438 \u043f\u043e \u043a\u043e\u0434\u0443';\n}\nq('[data-r=grid]').addEventListener('click',function(e){var b=e.target.closest('button');if(!b)return;var x=list[+b.dataset.i];copy(fmt==='name'?x.n:fmt==='rgb'?'rgb('+x.c.join(', ')+')':'#'+x.h,b.querySelector('small'));inp.value='#'+x.h;err.textContent=hint;err.style.color='';show(x.c.slice())});\ndraw();show(cur);\nroot.querySelectorAll('details').forEach(function(d){d.addEventListener('toggle',function(){if(d.open)root.querySelectorAll('details').forEach(function(o){if(o!==d)o.open=false})})});\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":9184,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-9117","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<title>\u0426\u0432\u0435\u0442\u0430 HTML: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043a\u043e\u0434\u043e\u0432 HEX \u0438 RGB, \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 \u0432 CMYK | Academy Graphicmania<\/title>\n<meta name=\"description\" content=\"\u0426\u0432\u0435\u0442\u0430 HTML \u0438 CSS: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0438\u0437 140+ \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0441 \u043a\u043e\u0434\u0430\u043c\u0438 HEX \u0438 RGB \u0438 \u0440\u0443\u0441\u0441\u043a\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 HEX, RGB, HSL \u0438 CMYK, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0426\u0432\u0435\u0442\u0430 HTML: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043a\u043e\u0434\u043e\u0432 HEX \u0438 RGB, \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 \u0432 CMYK | Academy Graphicmania\" \/>\n<meta property=\"og:description\" content=\"\u0426\u0432\u0435\u0442\u0430 HTML \u0438 CSS: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0438\u0437 140+ \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0441 \u043a\u043e\u0434\u0430\u043c\u0438 HEX \u0438 RGB \u0438 \u0440\u0443\u0441\u0441\u043a\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 HEX, RGB, HSL \u0438 CMYK, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/\" \/>\n<meta property=\"og:site_name\" content=\"Academy Graphicmania\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/graphicmania.design\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-22T18:27:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/academy.graphicmania.ee\/wp-content\/uploads\/2026\/10\/og-home-ru.jpg\" \/><meta property=\"og:image\" content=\"https:\/\/academy.graphicmania.ee\/wp-content\/uploads\/2026\/10\/og-ru-cveta-html.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/cveta-html\\\/\",\"url\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/cveta-html\\\/\",\"name\":\"\u0426\u0432\u0435\u0442\u0430 HTML: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043a\u043e\u0434\u043e\u0432 HEX \u0438 RGB, \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 \u0432 CMYK | Academy Graphicmania\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/cveta-html\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/cveta-html\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/academy.graphicmania.ee\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/og-ru-cveta-html-1.jpg\",\"datePublished\":\"2026-10-22T07:52:37+00:00\",\"dateModified\":\"2026-10-22T18:27:05+00:00\",\"description\":\"\u0426\u0432\u0435\u0442\u0430 HTML \u0438 CSS: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0438\u0437 140+ \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0441 \u043a\u043e\u0434\u0430\u043c\u0438 HEX \u0438 RGB \u0438 \u0440\u0443\u0441\u0441\u043a\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 HEX, RGB, HSL \u0438 CMYK, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/cveta-html\\\/#breadcrumb\"},\"inLanguage\":\"ru-RU\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/cveta-html\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/cveta-html\\\/#primaryimage\",\"url\":\"https:\\\/\\\/academy.graphicmania.ee\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/og-ru-cveta-html-1.jpg\",\"contentUrl\":\"https:\\\/\\\/academy.graphicmania.ee\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/og-ru-cveta-html-1.jpg\",\"width\":1200,\"height\":630,\"caption\":\"\u0426\u0432\u0435\u0442\u0430 HTML \u2014 Academy Graphicmania\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/cveta-html\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0426\u0432\u0435\u0442\u0430 HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/#website\",\"url\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/\",\"name\":\"Academy Graphicmania\",\"description\":\"Academy Graphicmania\",\"publisher\":{\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/#organization\"},\"alternateName\":[\"Graphicmania Academy\",\"Graphicmania\"],\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ru-RU\"},{\"@type\":[\"Organization\",\"EducationalOrganization\"],\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/#organization\",\"name\":\"Graphicmania O\u00dc\",\"alternateName\":\"Academy Graphicmania\",\"url\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ru-RU\",\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/academy.graphicmania.ee\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/cropped-GraphicMania-fav-ic.png\",\"contentUrl\":\"https:\\\/\\\/academy.graphicmania.ee\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/cropped-GraphicMania-fav-ic.png\",\"width\":512,\"height\":512,\"caption\":\"Graphicmania O\u00dc\"},\"image\":{\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/graphicmania.design\",\"https:\\\/\\\/www.instagram.com\\\/graphicmania.design\\\/\"],\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Tallinn\",\"addressCountry\":\"EE\"},\"areaServed\":\"EE\",\"knowsLanguage\":\"ru\",\"legalName\":\"Graphicmania O\u00dc\",\"email\":\"info@graphicmania.ee\",\"telephone\":\"+372 5554 1254\",\"description\":\"\u041e\u043d\u043b\u0430\u0439\u043d-\u0430\u043a\u0430\u0434\u0435\u043c\u0438\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0438\u0437 \u0422\u0430\u043b\u043b\u0438\u043d\u043d\u0430: \u043a\u0443\u0440\u0441\u044b \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430, \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0430 (WordPress \u0438 Elementor) \u0438 \u043d\u0435\u0439\u0440\u043e\u0441\u0435\u0442\u0435\u0439 \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435, \u0436\u0438\u0432\u044b\u0435 \u0437\u0430\u043d\u044f\u0442\u0438\u044f \u0432 Google Meet \u0432 \u043c\u0430\u043b\u044b\u0445 \u0433\u0440\u0443\u043f\u043f\u0430\u0445. \u041f\u0430\u0440\u0442\u043d\u0451\u0440 \u043f\u043e \u0443\u0447\u0435\u0431\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u0435 T\u00f6\u00f6tukassa.\",\"founder\":{\"@type\":\"Person\",\"name\":\"\u042d\u043c\u0438\u043b\u044c \u0413\u0443\u0441\u0435\u0439\u043d\u043e\u0432\",\"alternateName\":\"Emil Guseinov\",\"jobTitle\":\"\u041e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0438 \u043f\u0440\u0435\u043f\u043e\u0434\u0430\u0432\u0430\u0442\u0435\u043b\u044c \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430\",\"description\":\"\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0441 \u043e\u043f\u044b\u0442\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u0435 20 \u043b\u0435\u0442, \u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043d\u0430 Envato \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0435\u043c \u0432 33 \u0441\u0442\u0440\u0430\u043d\u0430\u0445, \u043f\u0440\u0435\u043f\u043e\u0434\u0430\u0432\u0430\u0442\u0435\u043b\u044c \u0432\u0437\u0440\u043e\u0441\u043b\u044b\u0445 6-\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f.\",\"url\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/instructors\\\/\",\"worksFor\":{\"@id\":\"https:\\\/\\\/academy.graphicmania.ee\\\/ru\\\/#organization\"}}}]}<\/script>","yoast_head_json":{"title":"\u0426\u0432\u0435\u0442\u0430 HTML: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043a\u043e\u0434\u043e\u0432 HEX \u0438 RGB, \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 \u0432 CMYK | Academy Graphicmania","description":"\u0426\u0432\u0435\u0442\u0430 HTML \u0438 CSS: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0438\u0437 140+ \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0441 \u043a\u043e\u0434\u0430\u043c\u0438 HEX \u0438 RGB \u0438 \u0440\u0443\u0441\u0441\u043a\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 HEX, RGB, HSL \u0438 CMYK, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/","og_locale":"ru_RU","og_type":"article","og_title":"\u0426\u0432\u0435\u0442\u0430 HTML: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043a\u043e\u0434\u043e\u0432 HEX \u0438 RGB, \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 \u0432 CMYK | Academy Graphicmania","og_description":"\u0426\u0432\u0435\u0442\u0430 HTML \u0438 CSS: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0438\u0437 140+ \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0441 \u043a\u043e\u0434\u0430\u043c\u0438 HEX \u0438 RGB \u0438 \u0440\u0443\u0441\u0441\u043a\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 HEX, RGB, HSL \u0438 CMYK, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e.","og_url":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/","og_site_name":"Academy Graphicmania","article_publisher":"https:\/\/www.facebook.com\/graphicmania.design","article_modified_time":"2026-10-22T18:27:05+00:00","og_image":[{"url":"https:\/\/academy.graphicmania.ee\/wp-content\/uploads\/2026\/10\/og-home-ru.jpg","type":"","width":"","height":""},{"width":1200,"height":630,"url":"https:\/\/academy.graphicmania.ee\/wp-content\/uploads\/2026\/10\/og-ru-cveta-html.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/","url":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/","name":"\u0426\u0432\u0435\u0442\u0430 HTML: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u043a\u043e\u0434\u043e\u0432 HEX \u0438 RGB, \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 \u0432 CMYK | Academy Graphicmania","isPartOf":{"@id":"https:\/\/academy.graphicmania.ee\/ru\/#website"},"primaryImageOfPage":{"@id":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/#primaryimage"},"image":{"@id":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/#primaryimage"},"thumbnailUrl":"https:\/\/academy.graphicmania.ee\/wp-content\/uploads\/2026\/10\/og-ru-cveta-html-1.jpg","datePublished":"2026-10-22T07:52:37+00:00","dateModified":"2026-10-22T18:27:05+00:00","description":"\u0426\u0432\u0435\u0442\u0430 HTML \u0438 CSS: \u0442\u0430\u0431\u043b\u0438\u0446\u0430 \u0438\u0437 140+ \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0439 \u0441 \u043a\u043e\u0434\u0430\u043c\u0438 HEX \u0438 RGB \u0438 \u0440\u0443\u0441\u0441\u043a\u0438\u043c\u0438 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u044f\u043c\u0438. \u041a\u043e\u043d\u0432\u0435\u0440\u0442\u0435\u0440 HEX, RGB, HSL \u0438 CMYK, \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u0430. \u0411\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e.","breadcrumb":{"@id":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/"]}]},{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/#primaryimage","url":"https:\/\/academy.graphicmania.ee\/wp-content\/uploads\/2026\/10\/og-ru-cveta-html-1.jpg","contentUrl":"https:\/\/academy.graphicmania.ee\/wp-content\/uploads\/2026\/10\/og-ru-cveta-html-1.jpg","width":1200,"height":630,"caption":"\u0426\u0432\u0435\u0442\u0430 HTML \u2014 Academy Graphicmania"},{"@type":"BreadcrumbList","@id":"https:\/\/academy.graphicmania.ee\/ru\/cveta-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/academy.graphicmania.ee\/ru\/"},{"@type":"ListItem","position":2,"name":"\u0426\u0432\u0435\u0442\u0430 HTML"}]},{"@type":"WebSite","@id":"https:\/\/academy.graphicmania.ee\/ru\/#website","url":"https:\/\/academy.graphicmania.ee\/ru\/","name":"Academy Graphicmania","description":"Academy Graphicmania","publisher":{"@id":"https:\/\/academy.graphicmania.ee\/ru\/#organization"},"alternateName":["Graphicmania Academy","Graphicmania"],"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/academy.graphicmania.ee\/ru\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"},{"@type":["Organization","EducationalOrganization"],"@id":"https:\/\/academy.graphicmania.ee\/ru\/#organization","name":"Graphicmania O\u00dc","alternateName":"Academy Graphicmania","url":"https:\/\/academy.graphicmania.ee\/ru\/","logo":{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/academy.graphicmania.ee\/ru\/#\/schema\/logo\/image\/","url":"https:\/\/academy.graphicmania.ee\/wp-content\/uploads\/2025\/02\/cropped-GraphicMania-fav-ic.png","contentUrl":"https:\/\/academy.graphicmania.ee\/wp-content\/uploads\/2025\/02\/cropped-GraphicMania-fav-ic.png","width":512,"height":512,"caption":"Graphicmania O\u00dc"},"image":{"@id":"https:\/\/academy.graphicmania.ee\/ru\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/graphicmania.design","https:\/\/www.instagram.com\/graphicmania.design\/"],"address":{"@type":"PostalAddress","addressLocality":"Tallinn","addressCountry":"EE"},"areaServed":"EE","knowsLanguage":"ru","legalName":"Graphicmania O\u00dc","email":"info@graphicmania.ee","telephone":"+372 5554 1254","description":"\u041e\u043d\u043b\u0430\u0439\u043d-\u0430\u043a\u0430\u0434\u0435\u043c\u0438\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u0438\u0437 \u0422\u0430\u043b\u043b\u0438\u043d\u043d\u0430: \u043a\u0443\u0440\u0441\u044b \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430, \u0432\u0435\u0431-\u0434\u0438\u0437\u0430\u0439\u043d\u0430 (WordPress \u0438 Elementor) \u0438 \u043d\u0435\u0439\u0440\u043e\u0441\u0435\u0442\u0435\u0439 \u043d\u0430 \u0440\u0443\u0441\u0441\u043a\u043e\u043c \u044f\u0437\u044b\u043a\u0435, \u0436\u0438\u0432\u044b\u0435 \u0437\u0430\u043d\u044f\u0442\u0438\u044f \u0432 Google Meet \u0432 \u043c\u0430\u043b\u044b\u0445 \u0433\u0440\u0443\u043f\u043f\u0430\u0445. \u041f\u0430\u0440\u0442\u043d\u0451\u0440 \u043f\u043e \u0443\u0447\u0435\u0431\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u0435 T\u00f6\u00f6tukassa.","founder":{"@type":"Person","name":"\u042d\u043c\u0438\u043b\u044c \u0413\u0443\u0441\u0435\u0439\u043d\u043e\u0432","alternateName":"Emil Guseinov","jobTitle":"\u041e\u0441\u043d\u043e\u0432\u0430\u0442\u0435\u043b\u044c \u0438 \u043f\u0440\u0435\u043f\u043e\u0434\u0430\u0432\u0430\u0442\u0435\u043b\u044c \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430","description":"\u0413\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440 \u0441 \u043e\u043f\u044b\u0442\u043e\u043c \u0431\u043e\u043b\u044c\u0448\u0435 20 \u043b\u0435\u0442, \u0435\u0433\u043e \u0448\u0430\u0431\u043b\u043e\u043d\u044b \u043d\u0430 Envato \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0442 \u0431\u043e\u043b\u044c\u0448\u0435 \u0447\u0435\u043c \u0432 33 \u0441\u0442\u0440\u0430\u043d\u0430\u0445, \u043f\u0440\u0435\u043f\u043e\u0434\u0430\u0432\u0430\u0442\u0435\u043b\u044c \u0432\u0437\u0440\u043e\u0441\u043b\u044b\u0445 6-\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f.","url":"https:\/\/academy.graphicmania.ee\/ru\/instructors\/","worksFor":{"@id":"https:\/\/academy.graphicmania.ee\/ru\/#organization"}}}]}},"_links":{"self":[{"href":"https:\/\/academy.graphicmania.ee\/ru\/wp-json\/wp\/v2\/pages\/9117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academy.graphicmania.ee\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academy.graphicmania.ee\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academy.graphicmania.ee\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/academy.graphicmania.ee\/ru\/wp-json\/wp\/v2\/comments?post=9117"}],"version-history":[{"count":1,"href":"https:\/\/academy.graphicmania.ee\/ru\/wp-json\/wp\/v2\/pages\/9117\/revisions"}],"predecessor-version":[{"id":9118,"href":"https:\/\/academy.graphicmania.ee\/ru\/wp-json\/wp\/v2\/pages\/9117\/revisions\/9118"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/academy.graphicmania.ee\/ru\/wp-json\/wp\/v2\/media\/9184"}],"wp:attachment":[{"href":"https:\/\/academy.graphicmania.ee\/ru\/wp-json\/wp\/v2\/media?parent=9117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}