Цвета коды css: Коды цветов html css палитра

Hexa Colors Пример

Цвет Красный

Цвет Зеленый

Цвет Синий

Цвет Желтый

Цвет Пурпурный

Цвет Голубой

Цвет Черный

Цвет Белый

 Цвет красный 
 Цвет Зеленый 
 Синий цвет 
 Цвет желтый 
 Пурпурный цвет 
 Голубой цвет 
 Цвет Черный 
 Цвет Белый 

True Web Colors / Web Safe Colors

Раньше, когда были популярны цветные мониторы , основанные на 8-битной цветной графике ( 8 бит = 256 цветов ), дизайнеры использовали только 216 цветов, чтобы можно было легко идентифицировать похожие цвета. Причина в том, что ЭЛТ были основаны на явлении проецирования света. Мы не можем просматривать все цвета на мониторах на базе ЭЛТ .

Однако Высокое разрешение , HD , FHD и Retina LCD/LED используют 24-битные (True Tone с 16 млн. цветов) или 32-битные цвета

Всего имеется 216 цветов в цветах True Web, или цветах Web Safe. .

True Web Colors записываются в шестнадцатеричном коде, но только три разряда со значениями 0, 3, 6, 9, c, f

Список цветов True Web Colors или Web Safe

Цветовая палитра CSS

Выбор цвета CSS для проверки RGB и шестнадцатеричных цветов .

CSS Color Picker

Hexa Color Code: #

RGB Color Code:

This color picker will not work on Touch устройства на базе , такие как смартфоны и планшеты

• ←CSS-селекторы
• Свойства текста CSS→

Для цветов CSS3 RGBA, HSL и HSLA щелкните ссылку ниже

Цвета RGBA HSL и HSLA

Базовый CSS: Цвета в CSS

Урок 5: Цвета в CSS

/en/basic-css/text-styling-in-css/content/

Цвета в CSS

По умолчанию все элементы HTML, которые вы добавить на ваши веб-страницы отображаются в черно-белом режиме. Хотя иногда это может быть именно то, к чему вы стремитесь, добавление цвета может добавить визуальный интерес к странице, а CSS упрощает изменение. Изменение цвета обоих text и backgrounds в элементах HTML могут иметь большое значение для того, чтобы сделать ваши веб-страницы более уникальными и удобочитаемыми.

Цвет текста

Будь то элемент

, элемент или любой другой, текст, который вы добавляете на свою веб-страницу, по умолчанию будет черным . Если вы хотите изменить цвет вашего текста, вы можете использовать объявление CSS color , чтобы установить цвет на любой, какой вы хотите, например:

 цвет: красный; 

Например, рассмотрим простой элемент

:

 
Вот абзац.
 

Если бы вы загрузили это на веб-страницу, вы бы увидели черный текст на белый фон:

Допустим, вы хотите, например, сделать текст красным. Все, что вам нужно сделать, это добавить набор правил CSS , который использует объявление color с желаемым цветом в качестве значения:

 p {
  красный цвет;
} 

Если бы вы загрузили это на веб-страницу, вместо этого вы бы увидели красный текст:

Имейте в виду, что объявление color относится именно к тексту. Он не меняет фон, контуры или что-то еще. Если применить его к HTML-элементу, который не содержит текста, он ничего не сделает.

Цвет фона

Конечно, раскрашивать стоит не только текст. Если вы хотите раскрасить остальную часть веб-страницы, например, части ваших HTML-элементов, которые не являются текстом, вам нужно будет использовать background-color Вместо объявления CSS. Выглядит это так:

 background-color: black; 

Например, давайте рассмотрим еще один простой элемент

:

 
Вот другой абзац
 

Опять же, если бы вы загрузили этот элемент на веб-страницу, вы бы увидели черный текст на белом фоне. Представьте, что вы хотите изменить это на белый текст на черном фоне. Сначала вы должны добавить свой набор правил с объявлением, чтобы сделать текст белым:

 р {
  белый цвет;
} 

Однако, если бы вы загрузили это, у вас был бы белый текст на белом фоне, так что вы бы ничего не увидели. Следующим шагом будет добавление объявления для изменения цвета фона:

 p {
  белый цвет;
  цвет фона: черный;
} 

Если вы загрузите это на веб-страницу, вы увидите что-то вроде этого:

Пока что результаты могут выглядеть немного сжатыми, но вы узнаете больше об объявлениях CSS для управления размером фона и интервалами в следующих уроках.

Шестнадцатеричные коды

Все значения цвета и цвета фона, которые мы использовали до сих пор, представляли собой простых английских слов , таких как «красный» или «черный». Однако вы не можете определить каждый возможный цвет с помощью определенного слова. Чтобы указать именно тот цвет, который вы хотите, вам обычно нужно использовать шестнадцатеричные цветовые коды, которые обычно называются шестнадцатеричными кодами ( шестнадцатеричный является сокращением от шестнадцатеричный ).

Шестнадцатеричный код представляет собой шестизначный ряд букв и цифр используется для определения точного цвета. Он отформатирован с числовым знаком в начале, например так:

 #4C4C4C 

Иногда вы также можете видеть трехсимвольные шестнадцатеричные коды , но они просто сокращены и в конечном итоге представляют собой полный шестизначный код. Например, #AA22DD можно сократить до #A2D .

Существует логика, согласно которой буквы и цифры складываются в какой цвет, но шестнадцатеричные коды, как правило, — это не то, что можно запомнить и мгновенно вспомнить . Вместо этого существует множество инструментов выбора цвета, которые могут помочь вам найти цвет, который выглядит так, как вы хотите, а затем сообщить вам соответствующий шестнадцатеричный код. Например, если вы погуглите «подборщик цветов», вы найдете простой встроенный в результаты:

Вы также можете использовать:

• Любое количество специализированных веб-сайтов для выбора цвета
• Инструменты, встроенные в такие программы, как Photoshop или Illustrator

Представьте, что вы создали абзац с белым текстом на черном фоне, как мы делали ранее, но вам показалось, что фон слишком темный. Может быть, вы хотите, чтобы он был не совсем черным, а скорее темно-серым. Вы можете попытаться найти список названий цветов, которые распознает ваш браузер, и посмотреть, сможете ли вы выбрать одно из них — 9.3520 темно-серый , возможно, но более точным способом получить именно то, что вы хотите, было бы использование шестнадцатеричного кода.

Набор правил и объявление будут в точности такими же, как то, что вы видели до сих пор , но вместо английского слова для значения вы должны использовать шестнадцатеричный код:

 p {
  белый цвет;
  цвет фона: #5E5D5D;
} 

Если вы загрузите это на веб-страницу, вы увидите более светлый фон:

Значения английских слов, которые вы использовали, на самом деле всего сокращение браузера для шестнадцатеричных кодов . Например, вместо красного в качестве значения можно использовать #FF0000, чтобы получить тот же цвет.

Попробуйте!

Попробуйте добавить каждое из этих объявлений к входным данным ниже:

 цвет: #FFF;
цвет фона: #000; 

Селектор для набора правил уже определен для вас и нацелен на абзац справа от него. После того, как вы попробуете эти объявления, попробуйте самостоятельно изменить некоторые значения . Например, попробуйте заменить некоторые названия цветов, например «зеленый» или «синий», или попробуйте найти шестнадцатеричный код вашего любимого цвета на сайте выбора цвета и введите его здесь.

При использовании названия цвета, такого как «зеленый», не включайте знак номера. Например, цвет : #зеленый; неверен, поэтому следует использовать цвет : зеленый; вместо .

Сделай сам!

Откройте файл styles.css в проекте GCF Programming Tutorials в текстовом редакторе и добавим несколько новых объявлений цветов. Для лучшего понимания убедитесь, что вы действительно вводите этот код, а не копируете и вставляете его.

1. Во-первых, давайте добавим общий цвет фона для страницы. Сначала его будет не так много, но позже он станет более заметен. Добавьте это к набору правил body , который вы уже создали:

    background-color: #EEE; 

2. Мы также добавим фон ко всему элементу div , который содержит весь текст обзора. В конце концов у нас будет более одного div на странице, поэтому давайте создадим новый набор правил, использующий класс, который мы добавили в качестве селектора:

    .обзор {
     цвет фона: белый;
   } 

3. Давайте сделаем так, чтобы заголовок веб-страницы тоже выделялся. У вас уже есть набор правил, ориентированный на идентификатор #header , поэтому мы можем просто добавить туда следующие объявления:

    background-color: #333;
   белый цвет; 

4. Наконец, давайте сделаем кнопку внизу более привлекательной. Вы уже добавили набор правил, ориентированный на элементы кнопки  , поэтому добавьте к нему следующие объявления: 

    цвет: белый;
   цвет фона: #28A745; 

Если вы загрузите файл index.html  в браузере или обновите страницу, вы увидите множество новых цветов. Это должно выглядеть примерно так.

Поздравляем, вы раскрасили свою веб-страницу!

Продолжать

Предыдущая: Стилизация текста в CSS

Далее:Каскадирование, специфичность и наследование в CSS

/en/basic-css/cascading-specificity-and-inheritance-in-css/content/

Цветовые схемы и шестнадцатеричные коды CSS

Содержание

• Важность цветовой схемы для вашего сайта?
• #1 Мягкие тона
• #2 Сбалансированный и красочный
• #3 Градиент зеленого и синего
• #4 Тонкая и сочная цветовая схема Web
• #5 Гладкий и современный розовый и черный
• #6 Яркий и простой синий электрик с черным
• #7 Возврат Красные и оранжевые тона 9
• #10 Мягкий серый и желтый с насыщенным темно-зеленым
• #14 Много красного с приглушенными тонами
• #15 Футуристические основные и пастельные тона
• #16 Динамические и текстурированные темные тона
• #17 Черный на черном
• #18 Энергичные и чистые синие тона
• #19Веселые и молодежные тона желтого и розовато-лилового
• #20 Flat Design Color

Создание великолепного веб-сайта имеет решающее значение. Одним из них является цвет. Выбор лучших шрифтов и лучших цветов для веб-сайтов всегда является сложной задачей.

Там, где шрифты повышают удобочитаемость, цвета являются наиболее важным аспектом дизайна. Выбор правильной цветовой схемы — это то, над чем каждый художник и дизайнер задумывается. Цветовая схема вашего дизайна способна создать или разрушить проект.

Важность цветовой схемы для вашего сайта?

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

Цвет помогает в обработка и хранение изображений более эффективны, чем черно-белые изображения. контраст создает умственную привлекательность, когда он соответствует теме вашего бизнеса.

Это помогает узнаваемость бренда и побуждает посетителей вашего сайта к действию.

Правильный цвет сочетание может сделать веб-сайт более запоминающимся, а также вызывает эмоциональную стимуляцию.

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

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

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

#1 Мягкие тона

Мягкие тона включены тенденция, и, как следует из названия, цвета стильные и спокойные. Это идеальный выбор, если ваш бренд относится к индустрии моды или ювелирных изделий. Этот простой тон способен творить чудеса.

Тон работает друг с другом и выделить ювелирный или модный контент на странице. Тем не менее, макет так же важен, как и цветовая гамма. Обычно такие виды веб-сайтов имеют минимальный текст.

Вместо втискивая несколько товаров на одну страницу, сайт принимает подход только по одному. Отличным примером такого сайта является Creations. Намале.

  Коды цветов: #c5d5cb, #9fa8a3, #e3e0cf

#2 Сбалансированный и красочный

Холодный и теплый оттенки являются одним из лучших цветовых сочетаний. Комбинация оказывает успокаивающее действие. воздействие на посетителя. От землисто-терракотового до голубовато-зеленого, этот цвет схема весьма привлекательна.

Подходит для современного и молодежного дизайна. Он может служить звуковой цветовой палитрой для сайты о здоровье.

Кроме того, для таких сайтов рекомендуется использовать минимальный текст, чтобы они не выглядели загроможденными. Active Theory — это сайт, который использовал такие цветовые тона.

Цветовые коды: #E27D60, #85DCB, #E8A87C, #C38DE, # 41B3A3

#3 Градиент зеленый и синий

Использование градиента шкале, возьмите простые цвета синего цвета, а затем смешайте их с различными тона. Если ваш сайт выглядит устаревшим и скучным, вы можете попробовать добавить градиентные цвета к нему.

Это предложит современный взгляд на ваш дизайн. Последний сайт Stripe использует цветовую палитру.

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

Цветовые коды: #7DF9FF, #0892D0, #23B2EE

#4 Нежная и сочная цветовая схема паутины

Когда дело доходит до разработка веб-сайта, который выглядит профессионально и придает стильный и тонкий вид в то же время цветовая схема «Тонкая и сочная» — это то, на что стоит обратить внимание.

Смесь легкий, но стильный цвет делает эту цветовую схему идеальной для профессиональных сообщения и обращение, особенно для веб-сайтов, связанных с дизайном аксессуаров.

Фактически, посетитель склонен проверять такие цветовые схемы сверху вниз по веб-странице ко дну.

Снова. отличным примером такого веб-сайта является изысканная цветовая схема Creationsnamele .

Конструкция Веб-сайт очень привлекателен своими глубокими цветами, но не слишком яркими.

Цветовые коды: #acb7ae, #acb7ae #acb7ae, #c2b490

#5 Гладкий и современный розовый и черный

яркий. Это придает сайту модный вид. Используйте мягкий оттенок розового в качестве фона, чтобы выделить черный.

Также добавьте яркие розовый в некоторых тонких местах. Ковбой сделал хорошо использование этой цветовой палитры.

Большинство люди, как правило, используют розовый цвет для таргетинга на женщин-покупателей. Однако, если вы посмотрите на Ковбоя, вы заметите, что в нем нет ничего женского об этом.

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

Цветовые коды: #000000, #C39EA0, #FA255E, F8E5E5, #C39EA0

#6 Эффектный и простой синий электрик с черным

Это сложно чтобы переключить ваше внимание, когда вы столкнетесь с минималистским дизайном, подобным тому, для этого веб-сайта под названием Берт. Обычно такие сайты имеют дымчатый и темный фон в сочетании с оттенками синего электрик.

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

Цветовые коды: #0B0C10, #1F2833, #C5C6C7, #45A29E, #66FCF1 возвращение ретро-цветов. Несколько брендов используют популярные цвета 80-х годов. и 90-е для их сайта.

Однако они внесли современный штрих. Взгляните на домашнюю страницу Spotify.

Вы заметите что красно-оранжевые тона напоминают о прошлом. Теплые цвета которые вызывают у людей ностальгию по их юношеским годам и детству. Цвет Spotify в горошек, кажется, вдохновлен 90-ми годами.

Однако дизайн модный и использует шкалу градиента, которая очень современна для смешивания цвета.

Имейте в виду, что необходимо убедиться, что у вас есть четкое представление о том, на кого вы ориентируетесь используя эти цвета.

Коды цветов: #10EE67, #FECB00, # F5B842

#8 Великолепный контраст

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

Здесь контрастные цвета могут сделать сайт экспоненциально привлекательным.

Цвет комбинация состоит из двух противоположных цветов, таких как темный и светлый, что дает идеальное сочетание темного фона со светлым и ярким текстом или пороком наоборот

Это делает текст и сайт выделяются за счет цветов, что делает его более заметным.

Например, ReputationSquad использует простой цветовая палитра и схема дизайна.

Цветовые коды: #61892F, 86C232, 222629, 474B4F, 6B6E70

#9 Элегантные тона кожи с элегантными цветами

Это уникальный смесь цвета. Оттенки кожи с элегантными цветами, такими как рубиновый и темно-синий являются хорошими цветовыми схемами для веб-сайтов, у которых есть тонкое сообщение для передачи.

Зарезервировано но доступным и сложным, но весело.

Это типы сообщений серой области, которые эффективно отправляются с привлекательным комбинация. ChordSurfer сделал хорошо использование этих цветовых тонов.

Цветовые коды: #EFC7B7, #BAB2B5, #EEE2DC, #123C69, #AC3B61

#10 Мягкий серый и желтый с ярко-зеленым цветом

Посетите веб-сайт QED Group. Предлагает услуги частным лицам, а также компаниям по совершенствованию организационных разработок с применением поведенческой экономики и психологии.

Можно сказать что бизнес-модель QED уникальна. В этих направлениях они использовали некоторые современные цветовые тона на сайте.

Если вы возьмете посмотрите на домашнюю страницу, вы заметите, что цветовая схема немного насыщеннее чем те, которые были упомянуты ранее. Однако они выставили очень хорошо с этим дизайном.

Как правило, люди чувствуйте, что зеленые, желтые и фиолетовые тона могут быть тяжелыми для ваших глаз. Однако, используя серые и более светлые тона на заднем плане, они могут добавить яркости контрастные цвета.

Цветовые коды: #dddfd4, #fae596, #3fb0ac, #173e43

 #11 Dark Horse

Комбинация темные и землистые тона, такие как серый, сланцевый и серебристый, с более яркими оттенки желтого придают веб-сайту большую визуальную привлекательность. Каждый текст выглядит ясно с упрощенными шрифтами на темном фоне.

Делает веб-дизайн выглядеть стильно и современно. Посетите веб-сайт IndianScouts . Вы заметите темное, теплое и красивое сочетание яркого и темного взгляда.

Цвет отлично подходит для автомобильного и механического веб-сайта.

Цветовые коды: #feda6a, #feda6a, #feda6a, #feda6a

#12 Драгоценные металлы

Использование металлические тона на белом фоне выглядят не только элегантно и резко, но и придает сайту королевский и премиальный вид.

Это что-то который был использован KAE .

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

Если вы хотите придать сайту дорогой и элитный вид, эта цветовая схема может сделать это без труда.

Эта цветовая гамма в основном основан на белом фоне с использованием металлических цветовых оттенков для текст.

Цветовые коды: #bd8c7d, #bd8c7d, #8e8e90, #49494b

#13 Смелый желтый на фоне темно-серого

Ярко-желтый и Портлендский оранжевый цвет на фоне темно-серого цвета привлекает внимание. Ваша аудитория будет сразу обратите внимание, что вы должны сказать на сайте. Это цветовое сочетание полон энергии.

Таким образом, просто идеально, если вы хотите получить смелый и современный вид. АССИКО — это веб-сайт посвященный фестивалям и вечеринкам. Цветовая гамма идеально сочетается с дизайн.

Цветовые коды: #FF652F, #272727, #747474, #FFE400, #14A76C

#14 Много красного с приглушенными тонами

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

Психологически, это самый привлекательный цвет. Вот почему вы всегда будете видеть его связанным с крупными брендами, такими как KFC или McDonalds.

Один из самых полезное применение этого цвета состоит в том, чтобы использовать его против ярких цветов. Другая хороший способ — сочетать его с некоторыми приглушенными цветами, такими как серый и песочно-коричневый.

Five/Four воспользовались эти тона. На самом деле, значительная часть веб-сайта использует красный, и это удачно, потому что они использовали приглушенные тона для остальных части веб-сайта.

На случай, если они сочетал бы красный с голубым, ярко-оранжевым. Возможно, это было слишком многое для посетителей взять. Мягкие цвета идеально сочетаются с красным. Однако, если вы используете эти тона, вы должны избегать перебора с цветом. Использовать это мудро.

Цветовые коды: #5A7670, #B89F5D, #FA292A

#15 Футуристические основные цвета и пастели

Когда дело доходит до выбирая цветовую схему для сайтов, лучше пойти по стопам тем, у кого достаточно опыта. Нет необходимости изобретать велосипед. Одним из таких примеров являются Антон и Ирэн.

Это профессиональная дизайнерская компания из Нью-Йорка. Они специализируются на цифровых продукты и дизайн. Сайт имеет очень модную и современную цветовую палитру. Одна хорошая вещь в этом — футуристическое ощущение, которое сразу появляется.

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

Цветовой код: #bccbde, #c2dde6, #431c5d, #e6e9f0, #cdd422

#16 Динамические и текстурированные темные тона

Темный уголь охры, а всплеск бледно-красного цвета придаст вашему веб-сайту цветовую схему, много есть для футуристически и элегантно оформленных веб-сайтов.

Сочетание цветов довольно универсален и может использоваться для различных проектов с диапазонами от редакционный контент для современных корпоративных отчетов. Один хороший пример использование этой цветовой палитры HAUS.

Цветовые коды: #2F4454, #DA7B93, #2E151B, #376E6F, 1C3334

#17 Черный на черном

Вы заметите что черный цвет является стандартным цветом на многих веб-сайтах. Однако он используется скудно. Обычно он используется для текста и чисел в качестве фона или Основной цвет.

Однако это не означает, что вы не сможете более широко использовать черный цвет для цветовая схема вашего сайта, особенно когда вы используете разные тона черного.

Если вы хотите посмотрите, как это выглядит, домашняя страница JY BH может быть хорошей пример. Когда вы комбинируете различные оттенки черного, у вас получится градиент. эффект, который вы также заметите в некоторых из первых примеров в нашем списке.

Градиент черная цветовая палитра придает сайту таинственный вид. JY BH продает предметы роскоши аксессуары и одежда как для женщин, так и для мужчин. Эта цветовая схема была популярным в течение нескольких лет и продолжает оставаться распространенным выбором.

Коды цветов: #151516, #090A0A, #151617

#18 Энергичные и чистые голубые тона

При оформлении заказа веб-сайт Avoconseil, вы заметит, что оттенки фиолетового и синего особенно приятны для глаз. Это может вызвать мир и энергию одновременно. Небесно-голубой и черничный были объединены с аметистом.

Они вызывают психологическая привлекательность и мгновенно снизить показатель отказов.

Это дает сайт освежающий и привлекательный вид. Он подходит для всех конструкций, которые стремление вызвать положительные эмоции.

Цветовые коды: 56809, #84CEEB, #8860Do, #C1C8E4, #5AB9EA

#19 Веселые и молодежные оттенки желтого и лилового

Красочный и игривая гамма желтого, розовато-лилового и синего может придать яркий и молодой вид на веб-сайт. Это может быть отличным выбором для торговых сайтов, которые чтобы быть модным и привлечь более молодую аудиторию.

Хорошим примером является сайт известного музыканта Фаррелла Уильямса.

Вы заметите что у него белый фон, что делает его яркими, как мандариновые оттенки, яркая бирюза, темная орхидея и желтый торчат. Он проецирует счастливое и молодежные эмоции, полные историй и переживаний.

Цветовые коды: #A64AC9, #FFB48F, #FCCD04, #17E9E0, F5E6CC

#20 Flat Design Color

На случай, если вы не в курсе термина фраза плоский дизайн. Вы могли видеть такие сайты раньше без градиентов, падений или наклона. Такие сайты не имеют трехмерный элемент.

Взгляните на веб-сайт Render с плоским дизайном. Плоский дизайн цвета, как правило, очень насыщенные и яркие или очень темные. Оказывать предоставляет услуги по производству и редактированию видео, а его веб-сайт предоставляет прямое и острое чувство профессионализма.

Они обеспечивают немедленная серьезность к вашей деловой персоне. Пользователь замечает чувства усердие, так как ваш веб-сайт изображает стандартный индустриальный тон.

Цветовые коды: #00887A, #FFFFF, #D3E3FC, #FFCCBC, #777A6F7

Так много Варианты, пора вам избавиться от старого и унылого цвета, которым вы были с использованием. Необходимо использовать современные цветовые схемы, которые могут повлиять на сайт. продажи сегодня.

Выбор правильная цветовая палитра для веб-сайта не должна быть сложной. Если вам нужно обновить цвета веб-сайта, чтобы он выглядел современным, модным и уникальным, вы можете используйте любые цвета, которые мы упомянули выше.

В зависимости от на самом деле, вы можете использовать некоторые из точных цветовых кодов, которые были предоставлены.

Однако, когда вы выбираете цвет, вам необходимо учитывать демографические данные веб-сайта. учетная запись. Кроме того, учитывайте эмоции и личность целевой аудитории и количество цветов, которые вы хотели бы использовать.

Таблица цветов, цвета по названию и цветовой код HTML в CSS, HEX, RGB, HSL

Эта таблица цветов представляет собой набор общих цвета упорядочены по названию в виде одностраничного обзора. Каждая линия состоит значений RGB, шестнадцатеричное значение, название цвета, значение яркости, HSL значения и цветной прямоугольник. Вы можете щелкните на цветном прямоугольнике, чтобы импортируйте цвет в палитру цветов HSL. RGB, HEX или HSL значения могут использоваться как цветовой код HTML или цветовой код CSS.

Внизу страницы вы найдете быстрое напоминание о том, как использовать цвета в HTML/CSS.

Вы можете прокрутить таблицу цветов, если вы ищете вдохновение, или вы можете использовать следующую алфавитную навигацию для более быстрого достижения определенного цвета.
А, Б, С, Д, Е, Ф, ГРАММ , Ч, я, Дж, К, л, М, Н,
О, П , Q, Р , С, Т, У , В , Вт, ИКС , Y, Z
Вы также можете просматривать эти цвета, упорядоченные по диапазонам оттенков. и яркость. Наша страница названий цветов представлена ​​как введение.

 

B444944 ​​. 013949467.01548. 0154B. 01544996444674 444 4444494674946749467446774967B49967B4 Red Green Blue HEX Color Name Lum Hue Sat Lig   Color 93 138 168 #5D8AA8 Air Force Blue 53 204 30 51 240 248 255 #F0F8FF Alice Blue 97 208 100 97 227 38 54 #E32636 Alizarin 51 355 77 52 229 43 80 #E52B50 Amaranth 53 348 78 53 255 191 0 #FFBF00 Amber 78 45 100 50 164 198 57 #A4C639 Android Green 70 74 55 50 141 182 0 #8DB600 Apple Green 62 74 100 36 251 206 177 #FBCEB1 Apricot 85 24 90 84 127 255 212 #7FFFD4 Aquamarine 88 160 100 75 75 83 32 #4B5320 Army Green 30 69 44 23 59 68 75 #3B444B Arsenic 26 206 12 26 269 12 26 269 . 0153 233 214 107 #E9D66B Arylide Yellow 82 51 74 67 178 190 181 #B2BEB5 Ash Grey 73 135 8 72 135 169 107 #87A96B Asparagus 60 93 27 54 255 153 102 #FF9966 Atomic Tangerine 71 20 100 70 109 53 26 #6D351A Auburn 28 20 61 26 0 127 255 #007FFF Azure 57 210 100 50 137 207 240 #89CFF0 Baby Blue 78 199 77 74 161 202 241 #A1CAF1 Baby Blue Eyes 78 209 74 79 244 194 194 #F4C2C2 Baby Pink 82 0 69 86 255 209 42 #FFD12A Banana Yellow 82 47 100 58 132 132 130 #848482 Battleship Grey 52 60 1 51 152 119 123 # Bazaar 51 353 14 53 245 245 220 #F5F5DC Beige 95 60 56 91 61 43 31 #3D2B1F Bistre 19 24 33 18 0 0 0 #000000 Black 0 0 0 0 49 140 231 #318CE7 Bleu De France 58 210 79 55 250 240 190 #FAF0BE Blond 93 50 86 86 0 0 255 #0000FF Blue 44 240 100 50 222 93 131 #DE5D83 Blush 59 342 66 62 121 68 59 #79443B Bole 34 9 34 35 204 0 0 #CC0000 Boston University Red 43 0 100 40 181 166 66 #B5A642 Brass 63 52 47 48 102 255 0 #66FF00 Ярко -зеленый 96 100 50 100 50 100 50 100 50 100 50 100 50 100 5015444 191 148 228 #BF94E4 Bright Lavender 70 272 60 74 195 33 72 #C32148 Bright Maroon 45 346 71 45 255 0 127 #FF007F Bright Pink 60 330 100 50 8 232 222 #08E8DE Bright Turquoise 79 177 93 47 209 159 232 #D19FE8 Bright Ube 74 281 61 77 0 66 37 #004225 British Racing Green 20 154 100 13 205 127 50 #CD7F32 Bronze 57 30 61 50 150 75 0 #964B00 Brown 38 30 100 29 255 193 204 #FFC1CC Bubble Gum 84 349 100 88 231 254 255 #E7FEFF Bubbles 97 183 . 0153 #F0DC82 Buff 85 49 79 73 128 0 32 #800020 Burgundy 28 345 100 25 222 184 135 #DEB887 Burlywood 74 34 57 70 204 85 0 #CC5500 Burnt Orange 49 25 100 40 233 116 81 #E Burnt Sienna 61 14 78 62 138 51 36 #8A3324 Burnt Umber 33 9 59 34 189 51 164 #BD33A4 Byzantine 52 311 58 47 112 41 99 #702963 Byzantium 32 311 46 30 83 120 #536878 . 0154 18 40 0 107 60 #006B3C Cadmium Green 34 154 100 21 237 55 227 0 34 #E30022 Cadmium Red 49 351 100 45 163 193 173 #A3C1AD БЛИЧЕСКИЙ БЛИЧНЯЯ0154 120 134 107 #78866B Camouflage Green 50 91 11 47 255 239 0 #FFEF00 Кандаржи3467 255 8 0 #FF0800 Candy Apple Red 54 2 100 50 196 30 58 #C41E3A Cardinal 44 350 73 44 0 204 153 #00CC99 Caribbean Green 67 165 100 40 150 0 24 # Carmine 32 350 100 29 153 186 221 #99BADD Carolina Blue 73 211 50 73 237 145 33 #ED9121 Carrot Orange 66 33 85 53 146 161 207 #92A1CF Ceil 66 225 39 69 172 225 175 #ACE1AF Celadon 81 123 47 78 0 123 167 #007BA7 Cerulean 46 196 100 33 42 82 190 # 2A52BE Cerulean Blue 41 224 64 45 160 120 90 #A0785A Chamoisee 51 26 28 49 247 231 206 #F7E7CE Champagne 91 37 72 89 54 69 79 #36454F Charcoal 26 204 19 26 223 255 0 #DFFF00 Chartreuse 90 68 100 50 222 222 222 Cherry 53 343 72 53 255 183 197 #FFB7C5 Cherry Blossom Pink 82 348 100 86 205 92 92 #CD5C5C Chestnut 53 0 53 58 123 63 0 #7B3F00 Chocolate 31 31 100 24 255 167 0 #FFA700 Chrome Yellow 73 39 100 50 152 129 123 # Cinereous 53 12 12 54 227 66 52 #E34234744744444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444444447н. 0154 5 76 55 210 105 30 #D2691E Cinnamon 54 25 75 47 228 208 10 #E4D00A Citrine 79 55 92 47 251 204 231 #FBCCE7 Classic Rose 88 326 85 89 0 255 111 #00FF6F Clover 81 146 100 50 0 71 171 #0047AB Cobalt 36 215 100 34 155 221 255 #9BDDFF Columbia Blue 83 200 100 80 0 46 99 #002E63 Cool Black 21 212 100 19 140 146 172 #8C92AC Cool Grey 59 229 16 61 184 115 51 #B87333 Copper 52 29 57 46 255 56 0 #FF3800 Coquelicot 56 13 100 13 13 13 4100 255 127 80 #FF7F50 Coral 66 16 100 66 137 63 69 #893F45 Cordovan 36 355 37 39 251 236 93 #FBEC5D Corn 89 54 95 67 179 27 27 #B31B1B Cornell Red 39 0 74 40 100 149 237 #6495ED Cornflower Blue 62 219 79 66 255 248 220 #FFF8DC Cornsilk 97 48 100 93 255 253 208 #FFFDD0 Cream 97 57 100 91 220 20 60 #DC143C Crimson 49 348 83 47 0 255 255 #00FFFF Cyan 87 180 100 50 255 255 49 #FFFF31 Daffodil 94 60 100 60 240 225 48 #F0E130 Dandelion 85 55 86 56 0 0 139 #00008B Dark Blue 24 240 100 27 29 30 51 26 93 57 84 #5D3954 Dark Byzantium 30 315 24 29 164 0 0 #A40000 Dark Candy Apple Red 34 0 100 32 8 69 126 #08457E Dark Cerulean 29 209 88 26 152 105 96 # 0 Dark Chestnut 47 10 23 49 205 91 69 #CD5B45 Dark Coral 52 10 58 54 0 139 139 #008B8B Dark Cyan 47 180 100 27 184 134 11 #B8860B Dark Goldenrod 55 43 89 38 1 . 6 10 26 36 33 #1A2421 Dark Jungle Green 13 162 16 12 189 183 107 #BDB76B Dark Khaki 69 56 38 58 72 60 50 #483C32 Dark Lava 24 27 18 24 115 79 150 #734F96 Dark Lavender 42 270 31 45 139 0 139 #8B008B Dark Magenta 39 300 100 27 0 51 102 #003366 Dark Midnight Bul0153 85 107 47 #556B2F Dark Olive Green 37 82 39 30 255 140 0 #FF8C00 Dark Orange 67 33 100 50 119 158 203 #779ECB Dark Pastel Blue 62 212 45 63 3 192 60 #03C03C Dark Pastel зеленый0139 150 111 214 #966FD6 Dark Pastel Purple 58 263 56 64 194 59 34 #C23B22 Dark Pastel Red 45 9 70 45 231 84 128 #E75480 Dark Pink 59 342 75 62 0 51 153 #003399 Dark Powder Blue 30 220 100 30 135 38 87 #872657 Dark Raspberry 35 330 56 34 233 150 122 #E9967A Dark Salmon 68 15 72 70 86 3 25 #560319 Dark Scarlet 19 344 93 17 60 20 20 #3C1414 Dark Sienna 14 0 50 16 47 79 79 #2F4F4F Dark Slate Gray 28 180 25 25 23 114 69 #177245 Dark Spring Green 37 150 66 27 145 129 81 #1 Dark Tan 50 45 28 44 255 168 18 #FFA812 Dark Tangerine 73 38 100 54 204 78 92 #CC4E5C Dark Terra Cotta 51 353 55 55 148 0 211 #9400D3 Dark Violet 48 282 100 41 85 85 85 #555555 Davy’S Grey 33 0 0 33 21 96 189 #1560BD Denim 43 213 80 41 193 154 107 #C19A6B Desert 63 33 41 59 237 201 175 #EDC9AF Desert Sand 82 25 63 81 105 105 105 #6 Dim Gray 41 0 0 41 133 187 101 #85BB65 Dollar Bill 65 98 39 56 0 0 156 #00009C Duke Blue 27 240 100 31 225 169 95 #E1A95F Earth Yellow 70 34 68 63 97 64 81 #614051 Eggplant 31 329 21 32 80 200 120 #50C878 Emerald 66 140 52 55 229 170 112 #E5AA70 Fawn Fawn Fawn Fawn Fawn . 0153 67 255 28 0 #FF1C00 Ferrari Red 54 7 100 50 206 22 32 #CE1620 Пожарный двигатель Красный3467 178 34 34 #B22222 Firebrick 39 0 68 42 226 88 34 #E25822 Flame 54 17 77 51 252 142 172 #FC8EAC Flamingo Pink 73 344 95 77 247 233 142 #F7E98E Flavescent 89 52 87 76 1 68 33 #014421 Forest Green 21 149 97 14 228 155 15 #E49B0F Gamboge 66 39 88 48 248 248 255 #F8F8FF Ghost White 98 240 100 99 96 130 182 #6082B6 Glaucous 53 216 37 55 153 101 21 #9 Golden Brown 44 36 76 34 255 223 0 #FFDF00 Золотой желтый 85 52 100 50 . 0154 #DAA520 Goldenrod 67 43 74 49 128 128 128 #808080 Gray 50 0 0 50 0 128 0 #008000 Green 39 120 100 25 113 166 210 #71A6D2 Iceberg 64 207 52 63 252 247 94 #FCF75E Icterine 92 58 96 68 178 236 93 #B2EC5D Inchworm 82 84 79 65 19 136 8 #138808 India Green 42 115 89 28 255 92 92 #FF5C5C Indian Red 62 0 100 68 227 168 87 #E3A857 . 0153 35 71 62 0 47 167 #002FA7 International Klein Blue 32 223 100 33 255 255 240 #FFF0 #FFF0 #FFFF0 .0154 100 97 0 168 107 #00A86B Jade 54 158 100 33 215 59 62 #D73B3E JASPER JASPER . 0153 54 195 176 145 #C3B091 Khaki 70 37 29 67 181 126 220 #B57EDC Lavender 64 275 57 68 204 204 255 #CCCCFF Lavender Blue 84 240 100 90 255 240 245 #FFF0F5 Lavender Blush 96 340 100 97 196 195 208 #C4C3D0 Lavender Gray 78 245 12 79 124 252 0 #7CFC00 Lawn Green 82 90 100 49 255 247 0 #FFF700 Lemon 92 58 100 50 191 255 0 #BFFF00 Лайм 75 100 50 100 50 100 50 100 50 100 50 . 0153 255 0 255 #FF00FF Magenta 70 300 100 50 192 64 0 #C04000 Mahogany 44 20 100 38 128 0 0 #800000 Maroon 26 0 100 25 25 25 112 #1 Midnight Blue 22 240 64 27 62 180 137 #3EB489 Mint 60 158 49 47 255 219 88 #FFDB58 Mustard 85 47 100 . 3467 Navy Blue 22 240 100 25 204 119 34 #CC7722 Ochre 55 30 71 47 128 128 0153 128 128 0153 128 128 0 128 0 128 0 128 0 128 0 .3467 47 60 100 25 255 127 0 #FF7F00 Orange 65 30 100 50 0 33 71 #002147 Oxford Blue 15 212 100 14 174 198 207 #AEC6CF Pastel Blue 76 196 26 75 131 105 #836953 . 0154 22 42 207 207 196 #CFCFC4 Pastel Gray 81 60 10 79 119 221 119 #77DD77 7777777 77777777 .0154 67 244 154 194 #F49AC2 Pastel Magenta 75 333 80 78 255 179 71 #FFB347 Pastel Orange 76 35 100 64 255 209 220 #FFD1DC Pastel Pink 88 346 100 91 179 158 181 #B39EB5 Pastel Purple 66 295 13 66 255 105 97 #FF6961 Pastel Red 64 3 100 69 203 153 201 #CB99C9 Pastel Violet 70 302 32 70 253 253 150 #FDFD96 Pastel Yellow 95 60 96 79 255 229 180 #FFE5B4 Peach 91 39 100 85 209 226 49 #D1E231 Pear 81 66 75 54 240 234 214 #F0EAD6 Pearl 91 46 46 89 230 226 0 #E6E200 Peridot 83 59 100 45 1 121 111 #01796F Pine Green 40 175 98 24 255 192 203 #FFC0CB Pink 84 350 100 88 147 197 114 #93C572 Pistachio 69 96 42 61 229 228 226 #E5E4E2 Platinum 89 40 5 89 142 69 133 #8E4585 Plum 43 307 35 41 255 90 54 #FF5A36 Portland Orange 60 11 100 61 112 28 28 #701C1C Prune 25 0 60 27 255 117 24 #FF7518 Pumpkin 63 24 100 55 105 53 156 #69359C Purple Heart 38 270 49 41 227 11 93 #E30B5D Raspberry 52 337 91 47 130 102 68 #826644 Raw Umber 42 33 31 39 255 0 0 #FF0000 Red 54 0 100 50 65 72 51 #414833 Rifle Green 27 80 17 24 101 0 11 #65000B Rosewood 21 353 100 20 0 35 102 #002366 Royal Blue 20 219 100 20 224 17 95 #E0115F Рубин 51 51 51 51 51 51 51 . 0153 183 65 14 #B7410E Rust 43 18 86 39 255 103 0 #FF6700 Safety Orange 61 24 100 50 244 196 48 #F4C430 Saffron 78 45 90 57 255 140 105 #FF8C69 Salmon 69 14 100 71 194 178 128 #C2B280 Sand 69 45 35 63 150 113 23 # Sand Dune 46 43 73 34 236 213 64 #ECD540 Sandstorm 81 52 82 59 8 37 103 #082567 Sapphire 21 222 86 22 50 20 20 #321414 Seal Brown 12 0 43 14 255 245 238 #FFF5EE Seashell 97 25 100 97 112 66 20 #704214 Sepia 30 30 70 26 138 121 93 #8A795D Shadow 48 37 19 45 192 192 192 #C0C0C0 Silver 75 0 0 75 203 65 11 #CB410B Sinopia 46 17 90 42 135 206 235 #87CEEB Sky Blue 77 197 71 73 207 113 175 #CF71AF Sky Magenta 62 320 49 63 255 250 250 #FFFAFA Snow 99 0 100 99 167 252 0 #A7FC00 Spring Bud 85 80 100 49 70 130 180 #4682B4 СЕЛЬ СЕЛЬ СЕЛЬ B4 . 0154 49 228 217 111 #E4D96F Straw 82 54 68 66 250 214 165 #FAD6A5 Sunset 86 35 89 81 242 133 0 #F28500 Tangerine 64 33 100 47 0 128 128 #008080 Teal 43 180 100 25 226 114 91 #E2725B Terra Cotta 60 10 70 62 238 230 0 #EEE600 Titanium Yellow 85 58 100 47 0 117 94 #00755E Tropical Rain Forest 38 168 100 23 48 213 200 #30D5C8 Turquoise 73 175 66 51 18 10 143 #120A8F Ultramarine 25 244 87 30 91 146 229 #5B92E5 United Nations Blue 60 216 73 63 243 229 171 #F3E5AB Vanilla 89 48 75 81 143 0 255 #8F00FF Violet 53 274 100 50 245 222 179 #F5DEB3 Wheat 88 39 77 83 255 255 255 #FFFFFF White 100 0 0 100 245 245 245 #F5F5F5 White Smoke 96 0 0 96 115 134 120 #738678 Xanadu 50 136 8 49 15 77 146 #0F4D92 Yale Blue 34 212 81 32 255 255 0 #FFFF00 Yellow 94 60 100 50

↑ вверх

Краткое напоминание о том, как использовать цвет в HTML/CSS:

Цвет шрифта:
Цвет фона:
Цвет границы:

style=»color: #0000FF;»
стиль = «цвет фона: # 0000FF;»
стиль = «цвет границы: # 0000FF;»

Для других документов/приложений просто скопируйте и вставьте HEX/RGB значения из таблицы цветов.

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Комментарий *

Имя *

Email *

Сайт