SAS Tools – Eine Website mit 1.000 nützlichen SAS-Tools und -Rechnern
База оттенков Рунета
Русские названия цветов & Коды HTML
Интерактивный справочник из 1017 оттенков с мгновенным поиском, подбором по пипетке, тестом контрастности по стандарту WCAG 2.1 и копированием в 1 клик.
—
Сходство: — • ΔE: —
Nichts gefunden
Попробуйте изменить запрос или сбросить активные фильтры.
Скопировано!
Названия цветов поддерживаются всеми браузерами
Alle modernen Browser unterstützen die folgenden 1000 Farbnamen (Klicken Sie auf die Farbe, um sie in die Zwischenablage zu kopieren) HTML (HEX) – Hexadezimale Darstellung von Farben im RGB-Format - # FF C6 18
Wir bieten Ihnen einen Katalog mit den Namen von mehr als tausend verschiedenen Farben sowie Möglichkeiten, diese im Webdesign zu verwenden.
Как использовать названия цветов HTML
Как и шестнадцатеричные цветовые коды, имена цветов HTML можно использовать со встроенными стилями HTML или в отдельной таблице стилей CSS.
<body>
<h1 style="color:IndianRed">Indian Red Title Text</h1>
<p style="color:SlateGray">Slate gray paragraph text</p>
<script>var rocket_beacon_data = {"ajax_url":"https:\/\/www.sas.com.ru\/wp\/wp-admin\/admin-ajax.php","nonce":"fa5fd60ba0","url":"https:\/\/www.sas.com.ru\/wp\/de\/nazvanija-cvetov-cvetovye-kody-html","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800}</script><script data-name="wpr-wpr-beacon" src='https://www.sas.com.ru/wp/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script><script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body>
/* In your .css stylesheet */
h1 { color: IndianRed; }
p { color: SlateGray; }
