Понедельник , Октябрь 12 2026

Названия цветов — цветовые коды HTML

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

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

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

Формат:

—

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

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

Ничего не найдено

Попробуйте изменить запрос или сбросить активные фильтры.

Скопировано!

Названия цветов поддерживаются всеми браузерами

Все современные браузеры поддерживают следующие 1000 названий цветов (нажмите на цвет для копирования в буфер обмена) HTML (HEX) — Шестнадцатеричное представление цветов в формате RGB — # FF C6 18

Мы предлагаем вам каталог, содержащий названия более тысячи различных цветов, а также параметры их использования в веб-дизайне.

Как использовать названия цветов HTML

Как и шестнадцатеричные цветовые коды, имена цветов HTML можно использовать со встроенными стилями HTML или в отдельной таблице стилей CSS.

				
					
<body>
  <h1 style="color:IndianRed">Indian Red Title Text</h1>
  <p style="color:SlateGray">Slate gray paragraph text</p>
<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-17214-css' href='https://www.sas.com.ru/wp/wp-content/uploads/elementor/css/post-17214.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; }
				
			

Попробуйте это тоже

Интерфейс онлайн редактора кода с поддержкой HTML, CSS и JavaScript, отображающий современный процесс веб-разработки.

Редактор кода

HTML CSS JavaScript Запустить код Отменить Повторить Скачать ZIP Оглавление Вы когда-нибудь мечтали о месте, …

Современный дизайн казино с рулеткой, костями и монетами на горизонтальном изображении.

Генератор чисел

Оглавление Давайте окунемся в увлекательный мир цифр с помощью нашего необыкновенного генератора случайных чисел. Представьте …

0 0 голоса
Рейтинг
Подписаться
Уведомить о
0 Комментарий
Межтекстовые Отзывы
Посмотреть все комментарии
0
Напишите комментарий на этот инструментx