Mittwoch , November 11 2026

Farbnamen - HTML-Farbcodes

База оттенков Рунета

Русские названия цветов & Коды HTML

Интерактивный справочник из 1017 оттенков с мгновенным поиском, подбором по пипетке, тестом контрастности по стандарту WCAG 2.1 и копированием в 1 клик.

Формат:

—

Сходство: — • ΔE: —

Показано 48 из 1017 цветов

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":"b67ee3de16","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>"use strict";function wprRemoveCPCSS(){var preload_stylesheets=document.querySelectorAll('link[data-rocket-async="style"][rel="preload"]');if(preload_stylesheets&&0<preload_stylesheets.length)for(var stylesheet_index=0;stylesheet_index<preload_stylesheets.length;stylesheet_index++){var media=preload_stylesheets[stylesheet_index].getAttribute("media")||"all";if(window.matchMedia(media).matches)return void setTimeout(wprRemoveCPCSS,200)}var elem=document.getElementById("rocket-critical-css");elem&&"remove"in elem&&elem.remove()}window.addEventListener?window.addEventListener("load",wprRemoveCPCSS):window.attachEvent&&window.attachEvent("onload",wprRemoveCPCSS);</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><noscript><link data-minify="1" rel='stylesheet' id='trp-language-switcher-style-css' href='https://www.sas.com.ru/wp/wp-content/cache/min/1/wp/wp-content/plugins/translatepress-multilingual/assets/css/trp-language-switcher.css?ver=1791819789' type='text/css' media='all' /><link data-minify="1" rel='stylesheet' id='trp-popup-style-css' href='https://www.sas.com.ru/wp/wp-content/cache/min/1/wp/wp-content/plugins/translatepress-business/add-ons-pro/automatic-language-detection/assets/css/trp-popup.css?ver=1791819789' type='text/css' media='all' /><link data-minify="1" rel='stylesheet' id='tie-ilightbox-skin-css' href='https://www.sas.com.ru/wp/wp-content/cache/min/1/wp/wp-content/themes/sahifa/css/ilightbox/metro-black-skin/skin.css?ver=1791819789' type='text/css' media='all' /><link data-minify="1" rel='stylesheet' id='wpdiscuz-fa-css' href='https://www.sas.com.ru/wp/wp-content/cache/min/1/wp/wp-content/plugins/wpdiscuz/assets/third-party/font-awesome-5.13.0/css/fa.min.css?ver=1791819789' type='text/css' media='all' /><link rel='stylesheet' id='wpdiscuz-combo-css-css' href='https://www.sas.com.ru/wp/wp-content/plugins/wpdiscuz/assets/css/wpdiscuz-combo.min.css' type='text/css' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-icons-css' href='https://www.sas.com.ru/wp/wp-content/cache/min/1/wp/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=1791819789' type='text/css' media='all' /><link rel='stylesheet' id='elementor-animations-css' href='https://www.sas.com.ru/wp/wp-content/plugins/elementor/assets/lib/animations/animations.min.css' type='text/css' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-frontend-css' href='https://www.sas.com.ru/wp/wp-content/cache/min/1/wp/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=1791819789' type='text/css' media='all' /><link rel='stylesheet' id='elementor-post-17302-css' href='https://www.sas.com.ru/wp/wp-content/uploads/elementor/css/post-17302.css' type='text/css' media='all' /><link rel='stylesheet' id='elementor-pro-css' href='https://www.sas.com.ru/wp/wp-content/plugins/elementor-pro/assets/css/frontend.min.css' type='text/css' media='all' /><link rel='stylesheet' id='elementor-global-css' href='https://www.sas.com.ru/wp/wp-content/uploads/elementor/css/global.css' type='text/css' media='all' /><link rel='stylesheet' id='elementor-post-4318-css' href='https://www.sas.com.ru/wp/wp-content/uploads/elementor/css/post-4318.css' type='text/css' media='all' /><link rel='stylesheet' id='elementor-post-5327-css' href='https://www.sas.com.ru/wp/wp-content/uploads/elementor/css/post-5327.css' type='text/css' media='all' /><link rel='stylesheet' id='elementor-icons-shared-0-css' href='https://www.sas.com.ru/wp/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.min.css' type='text/css' media='all' /><link data-minify="1" rel='stylesheet' id='elementor-icons-fa-solid-css' href='https://www.sas.com.ru/wp/wp-content/cache/min/1/wp/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.min.css?ver=1791819789' type='text/css' media='all' /><link rel='stylesheet' id='prismjs_style-css' href='https://www.sas.com.ru/wp/wp-content/plugins/elementor-pro/assets/css/modules/code-highlight.min.css' type='text/css' media='' /></noscript></body>
				
			
				
					/* In your .css stylesheet */
h1 { color: IndianRed; }
p { color: SlateGray; }
				
			

Probieren Sie das auch einmal aus

Разделитель изображений

Быстрое разделение изображений на равные доли: сетка 3х3 для профиля, полосы для бесшовных каруселей, нарезка тайлов. 100% бесплатно и прямо в браузере.

Текст в рукописный

Превратите лекцию или реферат в рукописную тетрадь за пару секунд. Поддержка клетки, линеек, рукописных таблиц и обратное распознавание фото конспекта в печатный текст.

0 0 stimmen
Ranking
Jetzt abonnieren
Benachrichtigen über
0 Kommentar
Intertextuelle Rezensionen
Alle Kommentare anzeigen
0
Schreiben Sie einen Kommentar zu diesem Toolx
🛡️ Sicherheitsüberprüfung