Товаров: 0 (0р.)

Безопасные веб цвета: Таблица «безопасных» цветов

Содержание

Таблица «безопасных» цветов

У Вас в браузере заблокирован JavaScript. Разрешите JavaScript для работы сайта!

Таблица «безопасных» цветов

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

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

Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов. Эти цвета везде будут отображаться без искажений.

Палитра состоит из 32 сочетаний 6 оттенков красного, зеленого и синего. Эти градации — 00, 33, 66, 99, CC, FF. Над каждым цветом указаны значения RGB (для создания цвета в графическом редакторе или задания в CSS).

FFFFCCFFFF99FFFF66FFFF33FFFF00CCCC00
      
 
FFCC66FFCC00FFCC33CC9900CC9933996600
      
 
FF9900FF9933CC9966
CC6600
996633663300
      
 
FFCC99FF9966FF6600CC6633993300660000
      
 
FF6633CC3300FF3300FF0000CC0000990000
 
 
    
 
FFCCCCFF9999FF6666FF3333FF0033CC0033
      
 
CC9999CC6666CC3333993333990033330000
    
 
 
 
FF6699FF3366FF0066CC3366996666663333
      
 
FF99CCFF3399FF0099CC0066993366660033
      
 
FF66CCFF00CCFF33CCCC6699CC0099990066
      
 
FFCCFFFF99FFFF66FFFF33FFFF00FFCC3399
      
 
CC99CCCC66CCCC00CCCC33CC990099993399
      
 
CC66FFCC33FFCC00FF9900CC996699660066
      
 
CC99FF9933CC9933FF9900FF660099663366
      
 
9966CC9966FF6600CC6633CC663399330033
      
 
CCCCFF9999FF6633FF6600FF330099330066
      
 
9999CC6666FF6666CC666699333399333366
      
 
3333FF3300FF3300CC3333CC000099000066
      
 
6699FF3366FF0000FF0000CC0033CC000033
  
 
   
 
0066FF0066CC3366CC0033FF003399003366
      
 
99CCFF3399FF0099FF6699CC336699006699
      
 
66CCFF33CCFF00CCFF3399CC0099CC003333
      
 
99CCCC66CCCC339999669999006666336666
      
 
CCFFFF99FFFF66FFFF33FFFF00FFFF00CCCC
      
 
99FFCC66FFCC33FFCC00FFCC33CCCC009999
      
 
66CC9933CC9900CC99339966009966006633
    
 
 
 
66FF9933FF9900FF9933CC6600CC66009933
      
 
99FF9966FF6633FF6600FF66339933006600
      
 
CCFFCC99CC9966CC66669966336633003300
      
 
33FF3300FF3300FF0000CC0033CC3300CC33
      
 
66FF0066FF3333FF0033CC00339900009900
      
 
CCFF9999FF6666CC0066CC33669933336600
      
 
99FF0099FF3399CC6699CC0099CC33669900
      
 
CCFF66CCFF00CCFF33CCCC99666633333300
      
 
CCCC66CCCC33999966999933999900666600
      
 
FFFFFFCCCCCC999999666666333333000000
      

Смотрите также:


«Безопасные» или Web Safe цвета для веб-дизайна

4. 9 из 5 на основе 9 оценок

18.12.2015

«Безопасные», Web Safe или Browser Safe цвета – это палитра, состоящая из 216 оттенков, которые отображаются максимально точно независимо от монитора компьютера или выбранного браузера, способного отображать, по крайней мере, 8-ми битный цвет (256 цветов). Причина наличия в палитре только 216 вместо максимальных 256-ти цветов заключена в том, что именно эти основные цвета отображаются на всех компьютерах одинаково.

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

Определяли 256 цветов согласно математической формуле, а не по их эстетическим характеристикам, так как описывались они всего 8-мью битами компьютерной информации. Эта базовая палитра и включает в себя 216 цветов, которые сегодня мы называем «безопасными».

Web Safe цвета определяются таким градациями RGB: 0, 51, 102, 153, 204 и 255 (0, 33, 66, 99, СС, FF), которые указывают на процентное присутствие того или иного цвета: 0, 20, 40, 60, 80 и 100%.

Когда необходимо использовать «безопасные» цвета?

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

Если вы создаете картинки, текст или любые другие элементы, стоит обращаться к Web Safe палитре, так как это позволит получать более чистое изображение, отображаемое и для вас, и для пользователя всегда одинаково.

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

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

По материалам http://www.htmlgoodies.com/

Безопасные цвета. Таблица безопасных веб-цветов.

Понятие «безопасные веб-цвета» (Web Safe colors) вошло в обиход в середине 90-х годов прошлого века, когда предпринимались попытки стандартизации воспроизведения цвета для разных платформ и браузеров.

Что такое безопасные веб-цвета.

В девяностые годы подавляющее большинство компьютеров было способно вывести на экран одновременно не более 256 цветов. У данных ограничений было много причин, в первую очередь – это высокая стоимость видеопамяти, ранние видеокарты имели максимальный объем 512 КБ, достаточный для отображения 256 цветов одновременно (8 бит), воспроизведение же большего количества требовало увеличения графической памяти.

Помимо ограниченных возможностей ПК, в то время, существовала проблема цветопередачи, один и тот же цвет на различных типах компьютеров, мониторов и браузерах мог выглядеть по-разному вследствие замены его ближайшим или же дизеринга (имитации путем размещения растровых точек доступных цветов в шахматном порядке, что при значительном уменьшении создает иллюзию целостности цвета). Данные причины и послужили поводом для создания Линдой Вайнман «безопасной» палитры состоящей из 216 цветов – своего рода неформального стандарта для сети Интернет. Палитра была сформирована из равномерно распределенных цветов красного, зеленого, синего в диапазоне от 00 до FF с шагом в 20% (00, 33, 66, 99, CC, FF) для каждого канала. Почему 216, а не 256? Дело в том, что остальные сорок резервировались либо операционными системами (Windows, Mac OS), либо же браузерами (Internet Explorer, Netscape).

На протяжении 2000-х использование веб-безопасных цветов постепенно теряло свою актуальность. Видеокарты совершенствовались, а использование 8-битных дисплеев сокращалось в пользу 24-битных.

На сегодняшний день компьютеры поддерживают миллионы цветов. Мониторы, операционные системы, программное обеспечение не всегда отображают их одинаково точно, но представление цвета, как правило, достаточно схоже. Для сравнения: в данный момент компьютеры и мониторы способны отображать 24-битный или 32-битный цвет, что соответствует 16 777 216 возможных оттенков. Однако, не смотря на это Как говорилось выше, ограничения использования в вебе исключительно «безопасных» цветов считается неким анахронизмом, в палитрах продуктов Adobe (Фотошоп, Иллюстратор, Премьер) до сих пор присутствует опция «Only Web Colors» («Только Web-цвета»).

Таблица «безопасных» цветов.

Приведенная ниже таблица представляет двести шестнадцать «безопасных» цветов и их значения в шестнадцатеричном коде (HEX), HSL и RGB. Перейдя по ссылке в таблице можно ознакомится с другими параметрами, цветовыми схемами, использованием цвета в CSS и SVG.

ЦветH S LR G B
#0000000°, 0%, 0%0%, 0%, 0%
#000033240°, 100%, 10%0%, 0%, 20%
#000066240°, 100%, 20%0%, 0%, 40%
#000099240°, 100%, 30%0%, 0%, 60%
#0000CC240°, 100%, 40%0%, 0%, 80%
#0000FF240°, 100%, 50%0%, 0%, 100%
#003300120°, 100%, 10%0%, 20%, 0%
#003333180°, 100%, 10%0%, 20%, 20%
#003366210°, 100%, 20%0%, 20%, 40%
#003399220°, 100%, 30%0%, 20%, 60%
#0033CC225°, 100%, 40%0%, 20%, 80%
#0033FF228°, 100%, 50%0%, 20%, 100%
#006600120°, 100%, 20%0%, 40%, 0%
#006633150°, 100%, 20%0%, 40%, 20%
#006666180°, 100%, 20%0%, 40%, 40%
#006699200°, 100%, 30%0%, 40%, 60%
#0066CC210°, 100%, 40%0%, 40%, 80%
#0066FF216°, 100%, 50%0%, 40%, 100%
#009900120°, 100%, 30%0%, 60%, 0%
#009933140°, 100%, 30%0%, 60%, 20%
#009966160°, 100%, 30%0%, 60%, 40%
#009999180°, 100%, 30%0%, 60%, 60%
#0099CC195°, 100%, 40%0%, 60%, 80%
#0099FF204°, 100%, 50%0%, 60%, 100%
#00CC00120°, 100%, 40%0%, 80%, 0%
#00CC33135°, 100%, 40%0%, 80%, 20%
#00CC66150°, 100%, 40%0%, 80%, 40%
#00CC99165°, 100%, 40%0%, 80%, 60%
#00CCCC180°, 100%, 40%0%, 80%, 80%
#00CCFF0°, 0%, 0%%, %, %
#00FF00120°, 100%, 50%0%, 100%, 0%
#00FF33132°, 100%, 50%0%, 100%, 20%
#00FF66144°, 100%, 50%0%, 100%, 40%
#00FF99156°, 100%, 50%0%, 100%, 60%
#00FFCC168°, 100%, 50%0%, 100%, 80%
#00FFFF180°, 100%, 50%0%, 100%, 100%
#3300000°, 100%, 10%20%, 0%, 0%
#330033300°, 100%, 10%20%, 0%, 20%
#330066270°, 100%, 20%20%, 0%, 40%
#330099260°, 100%, 30%20%, 0%, 60%
#3300CC255°, 100%, 40%20%, 0%, 80%
#3300FF252°, 100%, 50%20%, 0%, 100%
#33330060°, 100%, 10%20%, 20%, 0%
#3333330°, 0%, 20%20%, 20%, 20%
#333366240°, 33%, 30%20%, 20%, 40%
#333399240°, 50%, 40%20%, 20%, 60%
#3333CC240°, 60%, 50%20%, 20%, 80%
#3333FF240°, 100%, 60%20%, 20%, 100%
#33660090°, 100%, 20%20%, 40%, 0%
#336633120°, 33%, 30%20%, 40%, 20%
#336666180°, 33%, 30%20%, 40%, 40%
#336699210°, 50%, 40%20%, 40%, 60%
#3366CC220°, 60%, 50%20%, 40%, 80%
#3366FF225°, 100%, 60%20%, 40%, 100%
#339900100°, 100%, 30%20%, 60%, 0%
#339933120°, 50%, 40%20%, 60%, 20%
#339966150°, 50%, 40%20%, 60%, 40%
#339999180°, 50%, 40%20%, 60%, 60%
#3399CC200°, 60%, 50%20%, 60%, 80%
#3399FF210°, 100%, 60%20%, 60%, 100%
#33CC00105°, 100%, 40%20%, 80%, 0%
#33CC33120°, 60%, 50%20%, 80%, 20%
#33CC66140°, 60%, 50%20%, 80%, 40%
#33CC99160°, 60%, 50%20%, 80%, 60%
#33CCCC180°, 60%, 50%20%, 80%, 80%
#33CCFF195°, 100%, 60%20%, 80%, 100%
#33FF00108°, 100%, 50%20%, 100%, 0%
#33FF33120°, 100%, 60%20%, 100%, 20%
#33FF66135°, 100%, 60%20%, 100%, 40%
#33FF99150°, 100%, 60%20%, 100%, 60%
#33FFCC165°, 100%, 60%20%, 100%, 80%
#33FFFF180°, 100%, 60%20%, 100%, 100%
#6600000°, 100%, 20%40%, 0%, 0%
#660033330°, 100%, 20%40%, 0%, 20%
#660066300°, 100%, 20%40%, 0%, 40%
#660099280°, 100%, 30%40%, 0%, 60%
#6600CC270°, 100%, 40%40%, 0%, 80%
#6600FF264°, 100%, 50%40%, 0%, 100%
#66330030°, 100%, 20%40%, 20%, 0%
#6633330°, 33%, 30%40%, 20%, 20%
#663366300°, 33%, 30%40%, 20%, 40%
#663399270°, 50%, 40%40%, 20%, 60%
#6633CC260°, 60%, 50%40%, 20%, 80%
#6633FF255°, 100%, 60%40%, 20%, 100%
#66660060°, 100%, 20%40%, 40%, 0%
#66663360°, 33%, 30%40%, 40%, 20%
#6666660°, 0%, 40%40%, 40%, 40%
#666699240°, 20%, 50%40%, 40%, 60%
#6666CC240°, 50%, 60%40%, 40%, 80%
#6666FF240°, 100%, 70%40%, 40%, 100%
#66990080°, 100%, 30%40%, 60%, 0%
#66993390°, 50%, 40%40%, 60%, 20%
#669966120°, 20%, 50%40%, 60%, 40%
#669999180°, 20%, 50%40%, 60%, 60%
#6699CC210°, 50%, 60%40%, 60%, 80%
#6699FF220°, 100%, 70%40%, 60%, 100%
#66CC0090°, 100%, 40%40%, 80%, 0%
#66CC33100°, 60%, 50%40%, 80%, 20%
#66CC66120°, 50%, 60%40%, 80%, 40%
#66CC99150°, 50%, 60%40%, 80%, 60%
#66CCCC180°, 50%, 60%40%, 80%, 80%
#66CCFF200°, 100%, 70%40%, 80%, 100%
#66FF0096°, 100%, 50%40%, 100%, 0%
#66FF33105°, 100%, 60%40%, 100%, 20%
#66FF66120°, 100%, 70%40%, 100%, 40%
#66FF99140°, 100%, 70%40%, 100%, 60%
#66FFCC160°, 100%, 70%40%, 100%, 80%
#66FFFF180°, 100%, 70%40%, 100%, 100%
#9900000°, 100%, 30%60%, 0%, 0%
#990033340°, 100%, 30%60%, 0%, 20%
#990066320°, 100%, 30%60%, 0%, 40%
#990099300°, 100%, 30%60%, 0%, 60%
#9900CC285°, 100%, 40%60%, 0%, 80%
#9900FF276°, 100%, 50%60%, 0%, 100%
#99330020°, 100%, 30%60%, 20%, 0%
#9933330°, 50%, 40%60%, 20%, 20%
#993366330°, 50%, 40%60%, 20%, 40%
#993399300°, 50%, 40%60%, 20%, 60%
#9933CC280°, 60%, 50%60%, 20%, 80%
#9933FF270°, 100%, 60%60%, 20%, 100%
#99660040°, 100%, 30%60%, 40%, 0%
#99663330°, 50%, 40%60%, 40%, 20%
#9966660°, 20%, 50%60%, 40%, 40%
#996699300°, 20%, 50%60%, 40%, 60%
#9966CC270°, 50%, 60%60%, 40%, 80%
#9966FF260°, 100%, 70%60%, 40%, 100%
#99990060°, 100%, 30%60%, 60%, 0%
#99993360°, 50%, 40%60%, 60%, 20%
#99996660°, 20%, 50%60%, 60%, 40%
#9999990°, 0%, 60%60%, 60%, 60%
#9999CC240°, 33%, 70%60%, 60%, 80%
#9999FF240°, 100%, 80%60%, 60%, 100%
#99CC0075°, 100%, 40%60%, 80%, 0%
#99CC3380°, 60%, 50%60%, 80%, 20%
#99CC6690°, 50%, 60%60%, 80%, 40%
#99CC99120°, 33%, 70%60%, 80%, 60%
#99CCCC180°, 33%, 70%60%, 80%, 80%
#99CCFF210°, 100%, 80%60%, 80%, 100%
#99FF0084°, 100%, 50%60%, 100%, 0%
#99FF3390°, 100%, 60%60%, 100%, 20%
#99FF66100°, 100%, 70%60%, 100%, 40%
#99FF99120°, 100%, 80%60%, 100%, 60%
#99FFCC150°, 100%, 80%60%, 100%, 80%
#99FFFF180°, 100%, 80%60%, 100%, 100%
#CC00000°, 100%, 40%80%, 0%, 0%
#CC0033345°, 100%, 40%80%, 0%, 20%
#CC0066330°, 100%, 40%80%, 0%, 40%
#CC0099315°, 100%, 40%80%, 0%, 60%
#CC00CC300°, 100%, 40%80%, 0%, 80%
#CC00FF288°, 100%, 50%80%, 0%, 100%
#CC330015°, 100%, 40%80%, 20%, 0%
#CC33330°, 60%, 50%80%, 20%, 20%
#CC3366340°, 60%, 50%80%, 20%, 40%
#CC3399320°, 60%, 50%80%, 20%, 60%
#CC33CC300°, 60%, 50%80%, 20%, 80%
#CC33FF285°, 100%, 60%80%, 20%, 100%
#CC660030°, 100%, 40%80%, 40%, 0%
#CC663320°, 60%, 50%80%, 40%, 20%
#CC66660°, 50%, 60%80%, 40%, 40%
#CC6699330°, 50%, 60%80%, 40%, 60%
#CC66CC300°, 50%, 60%80%, 40%, 80%
#CC66FF280°, 100%, 70%80%, 40%, 100%
#CC990045°, 100%, 40%80%, 60%, 0%
#CC993340°, 60%, 50%80%, 60%, 20%
#CC996630°, 50%, 60%80%, 60%, 40%
#CC99990°, 33%, 70%80%, 60%, 60%
#CC99CC300°, 33%, 70%80%, 60%, 80%
#CC99FF270°, 100%, 80%80%, 60%, 100%
#CCCC0060°, 100%, 40%80%, 80%, 0%
#CCCC3360°, 60%, 50%80%, 80%, 20%
#CCCC6660°, 50%, 60%80%, 80%, 40%
#CCCC9960°, 33%, 70%80%, 80%, 60%
#CCCCCC0°, 0%, 80%80%, 80%, 80%
#CCCCFF240°, 100%, 90%80%, 80%, 100%
#CCFF0072°, 100%, 50%80%, 100%, 0%
#CCFF3375°, 100%, 60%80%, 100%, 20%
#CCFF6680°, 100%, 70%80%, 100%, 40%
#CCFF9990°, 100%, 80%80%, 100%, 60%
#CCFFCC120°, 100%, 90%80%, 100%, 80%
#CCFFFF180°, 100%, 90%80%, 100%, 100%
#FF00000°, 100%, 50%100%, 0%, 0%
#FF0033348°, 100%, 50%100%, 0%, 20%
#FF0066336°, 100%, 50%100%, 0%, 40%
#FF0099324°, 100%, 50%100%, 0%, 60%
#FF00CC312°, 100%, 50%100%, 0%, 80%
#FF00FF300°, 100%, 50%100%, 0%, 100%
#FF330012°, 100%, 50%100%, 20%, 0%
#FF33330°, 100%, 60%100%, 20%, 20%
#FF3366345°, 100%, 60%100%, 20%, 40%
#FF3399330°, 100%, 60%100%, 20%, 60%
#FF33CC315°, 100%, 60%100%, 20%, 80%
#FF33FF300°, 100%, 60%100%, 20%, 100%
#FF660024°, 100%, 50%100%, 40%, 0%
#FF663315°, 100%, 60%100%, 40%, 20%
#FF66660°, 100%, 70%100%, 40%, 40%
#FF6699340°, 100%, 70%100%, 40%, 60%
#FF66CC320°, 100%, 70%100%, 40%, 80%
#FF66FF300°, 100%, 70%100%, 40%, 100%
#FF990036°, 100%, 50%100%, 60%, 0%
#FF993330°, 100%, 60%100%, 60%, 20%
#FF996620°, 100%, 70%100%, 60%, 40%
#FF99990°, 100%, 80%100%, 60%, 60%
#FF99CC330°, 100%, 80%100%, 60%, 80%
#FF99FF300°, 100%, 80%100%, 60%, 100%
#FFCC0048°, 100%, 50%100%, 80%, 0%
#FFCC3345°, 100%, 60%100%, 80%, 20%
#FFCC6640°, 100%, 70%100%, 80%, 40%
#FFCC9930°, 100%, 80%100%, 80%, 60%
#FFCCCC0°, 100%, 90%100%, 80%, 80%
#FFCCFF300°, 100%, 90%100%, 80%, 100%
#FFFF0060°, 100%, 50%100%, 100%, 0%
#FFFF3360°, 100%, 60%100%, 100%, 20%
#FFFF6660°, 100%, 70%100%, 100%, 40%
#FFFF9960°, 100%, 80%100%, 100%, 60%
#FFFFCC60°, 100%, 90%100%, 100%, 80%
#FFFFFF0°, 0%, 100%100%, 100%, 100%

Для получения информации о других цветах и их значениях в HEX, HEX8, RGB, RGB%, CMYK, HSL, HSV воспользуйтесь калькулятором цветов.

HTML цвета. Имена цветов HTML, CSS, SVG.

Одной из составляющих представления веб-страниц в интернете является цвет, современные браузеры принимают и воспроизводят его, используя цветовые модели RGB, HSL, или же ключевые слова (названия).

Значения цвета в HTML может быть задано одним из следующих способов.

  • RGB:
    в шестнадцатеричном коде (hex): #008800 или его сокращенном написании: #080.
    в процентах: rgb(80%, 20%, 30%),
    числами от 0 до 255: rgb(240, 120, 10).
  • По имени:
    Teal или teal (регистр значения не имеет).
  • HSL:
    в процентах: hsl(195, 60%, 40%).
Стандарт W3C HTML 4.01 определяет имена 16 цветов:
ИмяR G BH S L
white#ffffff255, 255, 2550°, 0%, 100%
silver#c0c0c0192, 192, 1920°, 0%, 75%
gray#808080128, 128, 1280°, 0%, 50%
black#0000000, 0, 00°, 0%, 0%
red#ff0000255, 0, 00°, 100%, 50%
maroon#800000128, 0, 00°, 100%, 25%
fuchsia#ff00ff255, 0, 255300°, 100%, 50%
purple#800080128, 0, 128300°, 100%, 25%
lime#00ff000, 100, 0120°, 100%, 50%
green#0080000, 128, 0120°, 100%, 25%
yellow#ffff00255, 255, 060°, 100%, 50%
olive#808000128, 128, 060°, 100%, 25%
aqua#00ffff0, 255, 255180°, 100%, 50%
teal#0080800, 128, 128180°, 100%, 25%
blue#0000ff0, 0, 255240°, 100%, 50%
navy#0000800, 0, 128240°, 100%, 25%

Согласно последним рекомендациям W3C, применение элементов и атрибутов HTML для указания цвета (к примеру: style="color: #0000ff;") устарело, и в качестве альтернативы предложено использовать каскадные таблицы стилей — CSS.

Имена цветов CSS, SVG.

В отличие от Html, в котором стандартными являются 16 цветов, спецификации CSS и SVG, определяют более расширенный список имен, состоящий из 147 названий. Однако, несмотря на наличие в списке сто сорока семи наименований, оригинальные значения имеют только 138, так как все серые цвета могут быть указаны как через «a», так и через «e» (grAy или grEy), а fuchsia и aqua имеют альтернативные имена: magenta и cyan соответственно (последние не поддерживаются HTML 4.01).

Приведенная ниже таблица представляет имена цветов и их значения в HSL и HEX. При использовании имен, следует помнить, что синтаксис SVG отличается от HTML и CSS: атрибут fill, к примеру, применяется как к цвету текста (color), так и объекта (background-color), а stroke используются для задания контура (обводки) элемента.

ИмяR G BH S L
white#ffffffhex0°, 0%, 100%
ivory#fffff0hex60°, 100%, 97%
lightyellow#ffffe0hex60°, 100%, 94%
yellow#ffff00hex60°, 100%, 50%
snow#fffafahex0°, 100%, 99%
floralwhite#fffaf0hex40°, 100%, 97%
lemonchiffon#fffacdhex54°, 100%, 90%
cornsilk#fff8dchex48°, 100%, 93%
seashell#fff5eehex25°, 100%, 97%
lavenderblush#fff0f5hex340°, 100%, 97%
papayawhip#ffefd5hex37°, 100%, 92%
blanchedalmond#ffebcdhex36°, 100%, 90%
mistyrose#ffe4e1hex6°, 100%, 94%
bisque#ffe4c4hex33°, 100%, 88%
moccasin#ffe4b5hex38°, 100%, 86%
navajowhite#ffdeadhex36°, 100%, 84%
peachpuff#ffdab9hex28°, 27%, 100%
gold#ffd700hex51°, 100%, 50%
pink#ffc0cbhex350°, 100%, 88%
lightpink#ffb6c1hex351°, 100%, 86%
orange#ffa500hex39°, 100%, 50%
lightsalmon#ffa07ahex17°, 100%, 74%
darkorange#ff8c00hex33°, 100%, 50%
coral#ff7f50hex16°, 100%, 66%
hotpink#ff69b4hex330°, 100%, 71%
tomato#ff6347hex9°, 100%, 64%
orangered#ff4500hex16°, 100%, 50%
deeppink#ff1493hex328°, 100%, 54%
magenta, fuchsia#ff00ffhex300°, 100%, 50%
red#ff0000hex0°, 100%, 50%
oldlace#fdf5e6hex39°, 85%, 95%
lightgoldenrodyellow#fafad2hex60°, 80%, 90%
linen#faf0e6hex30°, 67%, 94%
antiquewhite#faebd7hex34°, 78%, 91%
salmon#fa8072hex6°, 93%, 71%
ghostwhite#f8f8ffhex240°, 100%, 99%
mintcream#f5fffahex150°, 100%, 98%
whitesmoke#f5f5f5hex0°, 0%, 96%
beige#f5f5dchex60°, 56%, 91%
wheat#f5deb3hex39°, 77%, 83%
sandybrown#f4a460hex28°, 87%, 67%
azure#f0ffffhex180°, 100%, 97%
honeydew#f0fff0hex120°, 100%, 97%
aliceblue#f0f8ffhex208°, 100%, 97%
khaki#f0e68chex54°, 77%, 75%
lightcoral#f08080hex0°, 79%, 72%
palegoldenrod#eee8aahex55°, 67%, 80%
violet#ee82eehex300°, 76%, 72%
darksalmon#e9967ahex15°, 72%, 70%
lavender#e6e6fahex240°, 67%, 94%
lightcyan#e0ffffhex180°, 100%, 94%
burlywood#deb887hex34°, 57%, 70%
plum#dda0ddhex300°, 47%, 75%
gainsboro#dcdcdchex0°, 0%, 86%
crimson#dc143chex348°, 83%, 47%
palevioletred#db7093hex340°, 60%, 65%
goldenrod#daa520hex43°, 74%, 49%
orchid#da70d6hex302°, 59%, 65%
thistle#d8bfd8hex300°, 24%, 80%
lightgray, lightgrey#d3d3d3hex0°, 0%, 83%
tan#d2b48chex34°, 44%, 67%
chocolate#d2691ehex25°, 75%, 47%
peru#cd853fhex30°, 59%, 53%
indianred#cd5c5chex0°, 53%, 58%
mediumvioletred#c71585hex322°, 81%, 43%
silver#c0c0c0hex0°, 0%, 75%
darkkhaki#bdb76bhex56°, 38%, 58%
rosybrown#bc8f8fhex0°, 25%, 65%
mediumorchid#ba55d3hex288°, 59%, 58%
darkgoldenrod#b8860bhex43°, 89%, 38%
firebrick#b22222hex0°, 68%, 42%
powderblue#b0e0e6hex187°, 52%, 80%
lightsteelblue#b0c4dehex214°, 41%, 78%
paleturquoise#afeeeehex180°, 65%, 81%
greenyellow#adff2fhex84°, 100%, 59%
lightblue#add8e6hex195°, 53%, 79%
darkgray, darkgrey#a9a9a9hex0°, 0%, 66%
brown#a52a2ahex0°, 59%, 41%
sienna#a0522dhex19°, 56%, 40%
yellowgreen#9acd32hex80°, 61%, 50%
darkorchid#9932cchex280°, 61%, 50%
palegreen#98fb98hex120°, 93%, 79%
darkviolet#9400d3hex282°, 100%, 41%
mediumpurple#9370dbhex260°, 60%, 65%
lightgreen#90ee90hex120°, 73%, 75%
darkseagreen#8fbc8fhex120°, 25%, 65%
saddlebrown#8b4513hex25°, 76%, 31%
darkmagenta#8b008bhex300°, 100%, 27%
darkred#8b0000hex0°, 100%, 27%
blueviolet#8a2be2hex271°, 76%, 53%
lightskyblue#87cefahex203°, 92%, 76%
skyblue#87ceebhex197°, 71%, 73%
gray, grey#808080hex0°, 0%, 50%
olive#808000hex60°, 100%, 25%
purple#800080hex300°, 100%, 25%
maroon#800000hex0°, 100%, 25%
aquamarine#7fffd4hex160°, 100%, 75%
chartreuse#7fff00hex90°, 100%, 50%
lawngreen#7cfc00hex91°, 100%, 4%
mediumslateblue#7b68eehex249°, 80%, 67%
lightslategray, lightslategrey#778899hex210°, 14%, 53%
slategray или slategrey#708090hex210°, 13%, 50%
olivedrab#6b8e23hex80°, 61%, 35%
slateblue#6a5acdhex248°, 54%, 58%
dimgray, dimgrey#696969hex0°, 0%, 41%
mediumaquamarine#66cdaahex160°, 51%, 60%
rebeccapurple#663399hex270°, 50%, 40%
cornflowerblue#6495edhex219°, 79%, 66%
cadetblue#5f9ea0hex182°, 26%, 50%
darkolivegreen#556b2fhex82°, 39%, 30%
indigo#4b0082hex275°, 100%, 26%
mediumturquoise#48d1cchex178°, 60%, 55%
darkslateblue#483d8bhex249°, 39%, 39%
steelblue#4682b4hex207°, 44%, 49%
royalblue#4169e1hex225°, 73%, 57%
turquoise#40e0d0hex174°, 72%, 57%
mediumseagreen#3cb371hex147°, 50%, 47%
limegreen#32cd32hex120°, 61%, 50%
darkslategray, darkslategrey#2f4f4fhex180°, 25%, 25%
seagreen#2e8b57hex147°, 50%, 36%
forestgreen#228b22hex120°, 61%, 34%
lightseagreen#20b2aahex177°, 70%, 41%
dodgerblue#1e90ffhex210°, 100%, 56%
midnightblue#191970hex240°, 64%, 27%
aqua, cyan#00ffffhex180°, 100%, 50%
springgreen#00ff7fhex150°, 100%, 50%
lime#00ff00hex120°, 100%, 50%
mediumspringgreen#00fa9ahex157°, 100%, 49%
darkturquoise#00ced1hex181°, 100%, 41%
deepskyblue#00bfffhex195°, 100%, 50%
darkcyan#008b8bhex180°, 100%, 27%
teal#008080hex180°, 100%, 25%
green#008000hex120°, 100%, 25%
darkgreen#006400hex120°, 100%, 20%
blue#0000ffhex240°, 100%, 50%
mediumblue#0000cdhex240°, 100%, 40%
darkblue#00008bhex240°, 100%, 27%
navy#000080hex240°, 100%, 25%
black#000000hex0°, 0%, 0%

Для получения информации о других цветах и значениях в HEX, HEX8, RGB, RGB%, CMYK, HSL, HSV воспользуйтесь калькулятором цветов.

Безопасные веб цвета » Инструменты вебмастера

Когда было время 256-цветных мониторов применялась «безопасная палитра», конечно она применяется и сейчас. У безопасной палитры всего три главных цвета для смешивания — R G B и соответствуют значениям: 00, 33, 66, 99, CC, FF.
Вообще, цветовая палитра 6x6x6 является приоритетной при выборе цвета для фона или цвета шрифта.
Вашему вниманию представляется палитра «безопасных веб цветов», которые одинаково хорошо будут отображаться во всех браузерах и во всех оперативных системах.
Имя цвета для HTMLКод для HTMLR G B

Красные

IndianRedCD 5C 5C205 92 92
LightCoralF0 80 80240 128 128
SalmonFA 80 72250 128 114
DarkSalmonE9 96 7A233 150 122
LightSalmonFF A0 7A255 160 122
CrimsonDC 14 3C220 20 60
RedFF 00 00255 0 0
FireBrickB2 22 22178 34 34
DarkRed8B 00 00139 0 0

Розовые

PinkFF C0 CB255 192 203
LightPinkFF B6 C1255 182 193
HotPinkFF 69 B4255 105 180
DeepPinkFF 14 93255 20 147
MediumVioletRedC7 15 85199 21 133
PaleVioletRedDB 70 93219 112 147

Оранжевые

LightSalmonFF A0 7A255 160 122
CoralFF 7F 50255 127 80
TomatoFF 63 47255 99 71
OrangeRedFF 45 00255 69 0
DarkOrangeFF 8C 00255 140 0
OrangeFF A5 00255 165 0

Жёлтые

GoldFF D7 00255 215 0
YellowFF FF 00255 255 0
LightYellowFF FF E0255 255 224
LemonChiffonFF FA CD255 250 205
LightGoldenrodYellowFA FA D2250 250 210
PapayaWhipFF EF D5255 239 213
MoccasinFF E4 B5255 228 181
PeachPuffFF DA B9255 218 185
PaleGoldenrodEE E8 AA238 232 170
KhakiF0 E6 8C240 230 140
DarkKhakiBD B7 6B189 183 107

Фиолетовые

LavenderE6 E6 FA230 230 250
ThistleD8 BF D8216 191 216
PlumDD A0 DD221 160 221
VioletEE 82 EE238 130 238
OrchidDA 70 D6218 112 214
FuchsiaFF 00 FF255 0 255
MagentaFF 00 FF255 0 255
MediumOrchidBA 55 D3186 85 211
MediumPurple93 70 DB147 112 219
BlueViolet8A 2B E2138 43 226
DarkViolet94 00 D3148 0 211
DarkOrchid99 32 CC153 50 204
DarkMagenta8B 00 8B139 0 139
Purple80 00 80128 0 128
Indigo4B 00 8275 0 130
SlateBlue6A 5A CD106 90 205
DarkSlateBlue48 3D 8B72 61 139

Зелёные

GreenYellowAD FF 2F173 255 47
Chartreuse7F FF 00127 255 0
LawnGreen7C FC 00124 252 0
Lime00 FF 000 255 0
LimeGreen32 CD 3250 205 50
PaleGreen98 FB 98152 251 152
LightGreen90 EE 90144 238 144
MediumSpringGreen00 FA 9A0 250 154
SpringGreen00 FF 7F0 255 127
MediumSeaGreen3C B3 7160 179 113
SeaGreen2E 8B 5746 139 87
ForestGreen22 8B 2234 139 34
Green00 80 000 128 0
DarkGreen00 64 000 100 0
YellowGreen9A CD 32154 205 50
OliveDrab6B 8E 23107 142 35
Olive80 80 00128 128 0
DarkOliveGreen55 6B 2F85 107 47
MediumAquamarine66 CD AA102 205 170
DarkSeaGreen8F BC 8F143 188 143
LightSeaGreen20 B2 AA32 178 170
DarkCyan00 8B 8B0 139 139
Teal00 80 800 128 128

Синие

Aqua00 FF FF0 255 255
Cyan00 FF FF0 255 255
LightCyanE0 FF FF224 255 255
PaleTurquoiseAF EE EE175 238 238
Aquamarine7F FF D4127 255 212
Turquoise40 E0 D064 224 208
MediumTurquoise48 D1 CC72 209 204
DarkTurquoise00 CE D10 206 209
CadetBlue5F 9E A095 158 160
SteelBlue46 82 B470 130 180
LightSteelBlueB0 C4 DE176 196 222
PowderBlueB0 E0 E6176 224 230
LightBlueAD D8 E6173 216 230
SkyBlue87 CE EB135 206 235
LightSkyBlue87 CE FA135 206 250
DeepSkyBlue00 BF FF0 191 255
DodgerBlue1E 90 FF30 144 255
CornflowerBlue64 95 ED100 149 237
MediumSlateBlue7B 68 EE123 104 238
RoyalBlue41 69 E165 105 225
Blue00 00 FF0 0 255
MediumBlue00 00 CD0 0 205
DarkBlue00 00 8B0 0 139
Navy00 00 800 0 128
MidnightBlue19 19 7025 25 112

Коричневые

CornsilkFF F8 DC255 248 220
BlanchedAlmondFF EB CD255 235 205
BisqueFF E4 C4255 228 196
NavajoWhiteFF DE AD255 222 173
WheatF5 DE B3245 222 179
BurlyWoodDE B8 87222 184 135
TanD2 B4 8C210 180 140
RosyBrownBC 8F 8F188 143 143
SandyBrownF4 A4 60244 164 96
GoldenrodDA A5 20218 165 32
DarkGoldenrodB8 86 0B184 134 11
PeruCD 85 3F205 133 63
ChocolateD2 69 1E210 105 30
SaddleBrown8B 45 13139 69 19
SiennaA0 52 2D160 82 45
BrownA5 2A 2A165 42 42
Maroon80 00 00128 0 0

Белые

WhiteFF FF FF255 255 255
SnowFF FA FA255 250 250
HoneydewF0 FF F0240 255 240
MintCreamF5 FF FA245 255 250
AzureF0 FF FF240 255 255
AliceBlueF0 F8 FF240 248 255
GhostWhiteF8 F8 FF248 248 255
WhiteSmokeF5 F5 F5245 245 245
SeashellFF F5 EE255 245 238
BeigeF5 F5 DC245 245 220
OldLaceFD F5 E6253 245 230
FloralWhiteFF FA F0255 250 240
IvoryFF FF F0255 255 240
AntiqueWhiteFA EB D7250 235 215
LinenFA F0 E6250 240 230
LavenderBlushFF F0 F5255 240 245
MistyRoseFF E4 E1255 228 225

Серые

GainsboroDC DC DC220 220 220
LightGreyD3 D3 D3211 211 211
SilverC0 C0 C0192 192 192
DarkGrayA9 A9 A9169 169 169
Gray80 80 80128 128 128
DimGray69 69 69105 105 105
LightSlateGray77 88 99119 136 153
SlateGray70 80 90112 128 144
DarkSlateGray2F 4F 4F47 79 79
Black00 00 000 0 0

Насколько важно сегодня использовать Web Safe цвета?

«Безопасные» web safe (или browser safe) цвета были определены много лет назад, в годы младенчества Интернет. Если вы уже работали в сфере веб-дизайна в 90-е годы, вы, несомненно, знакомы со всей этой цветовой кухней. Много воды утекло с тех пор, но несмотря на мощные современные видеокарты, точно передающие цвета мониторы и излечившиеся от дальтонизма браузеры, мы все же продолжаем встречать в современных графических редакторах палитру, состоящую из «безопасных» цветов.

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

Прежде, чем дать ответ на этот вопрос, давайте на минутку вернемся к истокам. Изначально палитра безопасных цветов состояла из 216 оттенков, оставляя еще 40 «за бортом». Эти 40 цветов могли выглядеть по-разному на PC и Mac, потому что вместо одного цвета мог использоваться максимально близкий к нему, либо же сочетание цветов «размывалось». Основные 216 были отобраны для кросс-платформенной работы и названы web-safe (безопасной) палитрой.

Когда эта палитра входила в употребление, большинство компьютеров того времени просто не в состоянии были отобразить одновременно более 256 цветов. Понятно, что сегодня вряд ли найдется хоть один пользователь с подобной конфигурацией компьютера, но если даже и использовать web safe палитру в рассчете на таких динозавров, сидящих на 8-битной системе и видящих веб в 256-цветовом варианте, то вы, безусловно, будете ориентироваться на абсолютное меньшинство. Как по мне, то это просто перевод времени. Более того, статистика w3 говорит нам, что уже два года, как количество пользователей 8-битной системы составляет 0%. Так что, единственной причиной использовать web safe палитру может быть, разве только, ностальгия!



Комментарии

Оставить ответ

Похожие статьи

Случайные статьи

Узнайте о цветах, безопасных для Интернета

1. Не существует официального стандарта веб-безопасных цветов

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

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

г. Считалось, что только 216 из 256 цветов, доступных на ранних ПК, имели достаточно последовательную поддержку на разных платформах, чтобы стать частью этого неформального стандарта.

2. Больше нет необходимости ограничивать вашу палитру безопасными для Интернета цветами 😅

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

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

3. CSS и HTML позволяют отображать 16,777216 миллионов цветов. Используй их! 🎉

а. Сегодня большинство веб-дизайнеров задают цвета в шестнадцатеричной нотации RGB, обычно называемой шестнадцатеричной нотацией или десятичной нотацией RGB, условно называемой нотацией RGB .3 (16 777 216) цветов. В большинстве случаев нет причин ограничиваться 216 веб-безопасными цветами, поскольку современных систем поддерживают и отображают эти ок. 16 миллионов цветов относительно похожим способом (хотя и не совсем одинаковым!) .

Вы сделали это! Что дальше?

Чтобы узнать больше, прочтите наш FAQ. Чтобы просмотреть список из 216 цветов, которые считаются безопасными для Интернета, изучите нашу цветовую таблицу.

Таблица цветовых кодов

HTML 🎨

цветовых кодов и названий HTML.

Палитра цветов HTML

Красный цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светлый лосось # FFA07A гб (255,160,122)
лосось # FA8072 RGB (250,128,114)
темный лосось # E9967A RGB (233,150,122)
светло-коралловый # F08080 RGB (240,128,128)
индийский красный # CD5C5C RGB (205,92,92)
малиновый # DC143C RGB (220,20,60)
огнеупорный кирпич # B22222 RGB (178,34,34)
красный # FF0000 RGB (255,0,0)
темно-красный # 8B0000 RGB (139,0,0)

Оранжевый

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
коралловый # FF7F50 RGB (255,127,80)
помидор # FF6347 RGB (255,99,71)
оранжево-красный # FF4500 RGB (255,69,0)
золото # FFD700 RGB (255 215,0)
оранжевый # FFA500 RGB (255,165,0)
темно-оранжевый # FF8C00 RGB (255,140,0)

Желтые тона

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светло-желтый # FFFFE0 rgb (255,255,224)
лимонный шифон #FFFACD гб (255,250,205)
светло-золотисто-желтый # FAFAD2 RGB (250,250,210)
papayawhip # FFEFD5 RGB (255 239 213)
мокасины # FFE4B5 RGB (255 228 181)
персиковый # FFDAB9 RGB (255 218 185)
палево-золотой # EEE8AA RGB (238,232,170)
хаки # F0E68C RGB (240,230,140)
даркхаки # BDB76B RGB (189 183 107)
желтый # FFFF00 RGB (255,255,0)

Зеленые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
зеленый # 7CFC00 RGB (124,252,0)
шартрез # 7FFF00 RGB (127,255,0)
зеленовато-зеленый # 32CD32 RGB (50,205,50)
лайм # 00FF00 rgb (0. 255,0)
лесозеленый # 228B22 RGB (34,139,34)
зеленый # 008000 RGB (0,128,0)
темно-зеленый # 006400 гб (0,100,0)
зелено-желтый # ADFF2F RGB (173,255,47)
желто-зеленый # 9ACD32 RGB (154,205,50)
весенне-зеленый # 00FF7F RGB (0,255,127)
средний весенний зеленый # 00FA9A гб (0,250,154)
светло-зеленый # 90EE90 RGB (144 238 144)
бледно-зеленый # 98FB98 RGB (152 251 152)
темно-синий # 8FBC8F RGB (143 188 143)
средний, зеленый # 3CB371 RGB (60,179,113)
Сигрин # 2E8B57 RGB (46,139,87)
оливковый # 808000 RGB (128,128,0)
темно-оливковый, зеленый # 556B2F RGB (85,107,47)
оливидраб # 6B8E23 RGB (107,142,35)

Голубые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
светло-голубой # E0FFFF RGB (224,255,255)
голубой # 00FFFF rgb (0,255,255)
аква # 00FFFF rgb (0,255,255)
аквамарин # 7FFFD4 RGB (127,255,212)
средний аквамарин # 66CDAA RGB (102,205,170)
палитра бирюза #AFEEEE RGB (175 238 238)
бирюза # 40E0D0 RGB (64 224 208)
средняя бирюза # 48D1CC RGB (72 209 204)
темно-бирюзовый # 00CED1 RGB (0,206,209)
светло-голубой # 20B2AA RGB (32 178 170)
кадетсиний # 5F9EA0 RGB (95,158,160)
темно-синий # 008B8B гб (0,139,139)
бирюзовый # 008080 RGB (0,128,128)

Синие цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
голубой # B0E0E6 RGB (176,224,230)
голубой # ADD8E6 RGB (173 216 230)
светло-голубой # 87CEFA RGB (135 206 250)
голубой # 87CEEB RGB (135 206 235)
темно-синий # 00BFFF rgb (0,191,255)
светло-голубой # B0C4DE RGB (176,196,222)
dodgerblue # 1E90FF RGB (30,144,255)
васильковый # 6495ED RGB (100,149,237)
голубой # 4682B4 RGB (70,130,180)
королевский синий # 4169E1 RGB (65,105,225)
синий # 0000FF гб (0,0,255)
средний синий # 0000CD RGB (0,0,205)
темно-синий # 00008B RGB (0,0,139)
темно-синий # 000080 RGB (0,0,128)
полуночно-синий # 1
RGB (25,25,112)
средний голубой # 7B68EE RGB (123 104 238)
грифельно-голубой # 6A5ACD RGB (106,90,205)
темно-синий # 483D8B RGB (72,61,139)

Пурпурный

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
лаванда # E6E6FA RGB (230,230,250)
чертополох # D8BFD8 RGB (216,191,216)
слива # DDA0DD RGB (221,160,221)
фиолетовый # EE82EE RGB (238 130 238)
орхидея # DA70D6 RGB (218,112,214)
фуксия # FF00FF гб (255,0,255)
пурпурный # FF00FF гб (255,0,255)
среднеорхид # BA55D3 RGB (186,85,211)
средне-фиолетовый # 9370DB RGB (147,112,219)
синий и фиолетовый # 8A2BE2 RGB (138,43,226)
темно-фиолетовый # 9400D3 RGB (148,0 211)
даркорхид # 9932CC RGB (153,50,204)
темно-пурпурный # 8B008B RGB (139,0,139)
фиолетовый # 800080 RGB (128,0,128)
индиго # 4B0082 RGB (75,0,130)

Розовые тона

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
розовый # FFC0CB RGB (255,192,203)
светло-розовый # FFB6C1 RGB (255 182 193)
Hotpink # FF69B4 гб (255,105,180)
deeppink # FF1493 RGB (255,20,147)
палево-фиолетовый # DB7093 RGB (219 112 147)
средний фиолетовый # C71585 RGB (199,21,133)

Белый цвет

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
белый #FFFFFF гб (255,255,255)
снег #FFFAFA RGB (255,250,250)
медовая роса # F0FFF0 RGB (240,255,240)
мятный крем # F5FFFA RGB (245,255,250)
лазурный # F0FFFF RGB (240,255,255)
aliceblue # F0F8FF RGB (240 248 255)
ghostwhite # F8F8FF RGB (248 248 255)
белый дым # F5F5F5 RGB (245 245 245)
ракушка # FFF5EE RGB (255 245 238)
бежевый # F5F5DC RGB (245 245 220)
oldlace # FDF5E6 RGB (253 245 230)
цветочный белый # FFFAF0 RGB (255,250,240)
слоновая кость # FFFFF0 rgb (255,255,240)
белый антикв # FAEBD7 RGB (250 235 215)
белье # FAF0E6 RGB (250,240,230)
бледно-лиловый # FFF0F5 RGB (255 240 245)
туманная роза # FFE4E1 RGB (255 228 225)

Серые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
Гейнсборо #DCDCDC RGB (220,220,220)
светло-серый # D3D3D3 RGB (211 211 211)
серебро # C0C0C0 RGB (192,192,192)
темно-серый # A9A9A9 RGB (169 169 169)
серый # 808080 RGB (128,128,128)
димгрей # 696969 RGB (105,105,105)
серый свет # 778899 RGB (119 136 153)
серый сланец # 708090 RGB (112,128,144)
темно-серый # 2F4F4F RGB (47,79,79)
черный # 000000 RGB (0,0,0)

Коричневые цвета

Цвет HTML / CSS
Название цвета
Шестнадцатеричный код
#RRGGBB
Десятичный код
(R, G, B)
корнсилк # FFF8DC RGB (255 248 220)
бланшированный миндаль #FFEBCD RGB (255 235 205)
бисквит # FFE4C4 RGB (255 228 196)
навайовайт #FFDEAD RGB (255 222 173)
пшеница # F5DEB3 RGB (245 222 179)
бурливуд # DEB887 RGB (222 184 135)
загар # D2B48C RGB (210,180,140)
розово-коричневый # BC8F8F RGB (188 143 143)
песочно-коричневый # F4A460 RGB (244,164,96)
золотарник # DAA520 RGB (218,165,32)
перу # CD853F RGB (205,133,63)
шоколад # D2691E RGB (210,105,30)
седло-коричневый # 8B4513 RGB (139,69,19)
Сиена # A0522D RGB (160,82,45)
коричневый # A52A2A RGB (165,42,42)
бордовый # 800000 RGB (128,0,0)


См. Также

Напишите, как улучшить эту страницу

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

216 Web-безопасных цветов

ЦветHexa
  • Примеры
  • Генератор градиента
  • Цветной блендер
  • Вычитание цвета
  • 216 веб-безопасных цветов
  • Цвета по названию
Название цвета шестигранник Красный зеленый Синий оттенок Насыщенность Легкость
№ 000000 # 000000 0 0 0 0 ° 0% 0%
# 000033 # 000033 0 0 51 240 ° 100% 10%
# 000066 # 000066 0 0 102 240 ° 100% 20%
# 000099 # 000099 0 0 153 240 ° 100% 30%
# 0000cc # 0000cc 0 0 204 240 ° 100% 40%
# 0000ff # 0000ff 0 0 255 240 ° 100% 50%
# 003300 # 003300 0 51 0 120 ° 100% 10%
# 003333 # 003333 0 51 51 180 ° 100% 10%
# 003366 # 003366 0 51 102 210 ° 100% 20%
# 003399 # 003399 0 51 153 220 ° 100% 30%
# 0033cc # 0033cc 0 51 204 225 ° 100% 40%
# 0033ff # 0033ff 0 51 255 228 ° 100% 50%
# 006600 # 006600 0 102 0 120 ° 100% 20%
# 006633 # 006633 0 102 51 150 ° 100% 20%
# 006666 # 006666 0 102 102 180 ° 100% 20%
# 006699 # 006699 0 102 153 200 ° 100% 30%
# 0066cc # 0066cc 0 102 204 210 ° 100% 40%
# 0066ff # 0066ff 0 102 255 216 ° 100% 50%
# 009900 # 009900 0 153 0 120 ° 100% 30%
# 009933 # 009933 0 153 51 140 ° 100% 30%
# 009966 # 009966 0 153 102 160 ° 100% 30%
# 009999 # 009999 0 153 153 180 ° 100% 30%
# 0099cc # 0099cc 0 153 204 195 ° 100% 40%
# 0099ff # 0099ff 0 153 255 204 ° 100% 50%
# 00cc00 # 00cc00 0 204 0 120 ° 100% 40%
# 00cc33 # 00cc33 0 204 51 135 ° 100% 40%
# 00cc66 # 00cc66 0 204 102 150 ° 100% 40%
# 00cc99 # 00cc99 0 204 153 165 ° 100% 40%
# 00cccc # 00cccc 0 204 204 180 ° 100% 40%
# 00ccff # 00ccff 0 204 255 192 ° 100% 50%
# 00ff00 # 00ff00 0 255 0 120 ° 100% 50%
# 00ff33 # 00ff33 0 255 51 132 ° 100% 50%
# 00ff66 # 00ff66 0 255 102 144 ° 100% 50%
# 00ff99 # 00ff99 0 255 153 156 ° 100% 50%
# 00ffcc # 00ffcc 0 255 204 168 ° 100% 50%
# 00ffff # 00ffff 0 255 255 180 ° 100% 50%
# 330000 # 330000 51 0 0 0 ° 100% 10%
# 330033 # 330033 51 0 51 300 ° 100% 10%
# 330066 # 330066 51 0 102 270 ° 100% 20%
# 330099 # 330099 51 0 153 260 ° 100% 30%
# 3300cc # 3300cc 51 0 204 255 ° 100% 40%
# 3300ff # 3300ff 51 0 255 252 ° 100% 50%
# 333300 # 333300 51 51 0 60 ° 100% 10%
# 333333 # 333333 51 51 51 0 ° 0% 20%
# 333366 # 333366 51 51 102 240 ° 33. 3% 30%
# 333399 # 333399 51 51 153 240 ° 50% 40%
# 3333cc # 3333cc 51 51 204 240 ° 60% 50%
# 3333ff # 3333ff 51 51 255 240 ° 100% 60%
# 336600 # 336600 51 102 0 90 ° 100% 20%
# 336633 # 336633 51 102 51 120 ° 33.3% 30%
# 336666 # 336666 51 102 102 180 ° 33,3% 30%
# 336699 # 336699 51 102 153 210 ° 50% 40%
# 3366cc # 3366cc 51 102 204 220 ° 60% 50%
# 3366ff # 3366ff 51 102 255 225 ° 100% 60%
# 339900 # 339900 51 153 0 100 ° 100% 30%
# 339933 # 339933 51 153 51 120 ° 50% 40%
# 339966 # 339966 51 153 102 150 ° 50% 40%
# 339999 # 339999 51 153 153 180 ° 50% 40%
# 3399cc # 3399cc 51 153 204 200 ° 60% 50%
# 3399ff # 3399ff 51 153 255 210 ° 100% 60%
# 33cc00 # 33cc00 51 204 0 105 ° 100% 40%
# 33cc33 # 33cc33 51 204 51 120 ° 60% 50%
# 33cc66 # 33cc66 51 204 102 140 ° 60% 50%
# 33cc99 # 33cc99 51 204 153 160 ° 60% 50%
# 33cccc # 33cccc 51 204 204 180 ° 60% 50%
# 33ccff # 33ccff 51 204 255 195 ° 100% 60%
# 33ff00 # 33ff00 51 255 0 108 ° 100% 50%
# 33ff33 # 33ff33 51 255 51 120 ° 100% 60%
# 33ff66 # 33ff66 51 255 102 135 ° 100% 60%
# 33ff99 # 33ff99 51 255 153 150 ° 100% 60%
# 33ffcc # 33ffcc 51 255 204 165 ° 100% 60%
# 33ffff # 33ffff 51 255 255 180 ° 100% 60%
# 660000 # 660000 102 0 0 0 ° 100% 20%
# 660033 # 660033 102 0 51 330 ° 100% 20%
# 660066 # 660066 102 0 102 300 ° 100% 20%
# 660099 # 660099 102 0 153 280 ° 100% 30%
# 6600cc # 6600cc 102 0 204 270 ° 100% 40%
# 6600ff # 6600ff 102 0 255 264 ° 100% 50%
# 663300 # 663300 102 51 0 30 ° 100% 20%
# 663333 # 663333 102 51 51 0 ° 33. 3% 30%
# 663366 # 663366 102 51 102 300 ° 33,3% 30%
# 663399 # 663399 102 51 153 270 ° 50% 40%
# 6633cc # 6633cc 102 51 204 260 ° 60% 50%
# 6633ff # 6633ff 102 51 255 255 ° 100% 60%
# 666600 # 666600 102 102 0 60 ° 100% 20%
# 666633 # 666633 102 102 51 60 ° 33.3% 30%
# 666666 # 666666 102 102 102 0 ° 0% 40%
# 666699 # 666699 102 102 153 240 ° 20% 50%
# 6666cc # 6666cc 102 102 204 240 ° 50% 60%
# 6666ff # 6666ff 102 102 255 240 ° 100% 70%
# 669900 # 669900 102 153 0 80 ° 100% 30%
# 669933 # 669933 102 153 51 90 ° 50% 40%
# 669966 # 669966 102 153 102 120 ° 20% 50%

Список цветов по названию

ЦветHexa
  • Примеры
  • Генератор градиента
  • Цветной блендер
  • Вычитание цвета
  • 216 веб-безопасных цветов
  • Цвета по названию
Название цвета шестигранник Красный зеленый Синий оттенок Насыщенность Легкость
Air Force синий # 5d8aa8 93 138 168 204 ° 30.1% 51,2%
Алиса синяя # f0f8ff 240 248 255 208 ° 100% 97,1%
Ализарин малиновый # e32636 227 38 54 354,9 ° 77,1% 52%
Миндаль #efdecd 239 222 205 30 ° 51.5% 87,1%
Амарант # e52b50 229 43 80 348,1 ° 78,2% 53,3%
Янтарь # ffbf00 255 191 0 44,9 ° 100% 50%
Американская роза # ff033e 255 3 62 346 ° 100% 50.6%
Аметист # 9966cc 153 102 204 270 ° 50% 60%
Android Зеленый # a4c639 164 198 57 74,5 ° 55,3% 50%
Антибликовый белый # f2f3f4 242 243 244 210 ° 8.3% 95,3%
Античная латунь # cd9575 205 149 117 21,8 ° 46,8% 63,1%
Античная фуксия # 915c83 145 92 131 315,8 ° 22,4% 46.5%
Античный белый # faebd7 250 235 215 34,3 ° 77,8% 91,2%
АО # 008000 0 128 0 120 ° 100% 25,1%
Яблочно-зеленое # 8db600 141 182 0 73.5 ° 100% 35,7%
Абрикос # fbceb1 251 206 177 23,5 ° 90,2% 83,9%
Аква # 00ffff 0 255 255 180 ° 100% 50%
Аквамарин # 7fffd4 127 255 212 159.8 ° 100% 74,9%
Армейский зеленый # 4b5320 75 83 32 69,4 ° 44,3% 22,5%
Арилид желтый # e9d66b 233 214 107 51 ° 74.1% 66,7%
Ясень серый # b2beb5 178 190 181 135 ° 8,5% 72,2%
Спаржа # 87a96b 135 169 107 92.9 ° 26,5% 54,1%
Атомный мандарин # ff9966 255 153 102 20 ° 100% 70%
Оберн # a52a2a 165 42 42 0 ° 59.4% 40,6%
Ауреолин # fdee00 253 238 0 56,4 ° 100% 49,6%
AuroMetalSaurus # 6e7f80 110 127 128 183,3 ° 7,6% 46.7%
Превосходно # ff2052 255 32 82 346,5 ° 100% 56,3%
Лазурный # 007fff 0 127 255 210,1 ° 100% 50%
Лазурный туман / паутина # f0ffff 240 255 255 180 ° 100% 97.1%
Голубой # 89cff0 137 207 240 199,2 ° 77,4% 73,9%
Голубые глаза # a1caf1 161 202 241 209,3 ° 74,1% 78,8%
Нежно-розовый # f4c2c2 244 194 194 0 ° 69.4% 85,9%
Шар синий # 21abcd 33 171 205 191,9 ° 72,3% 46,7%
Банановая мания # fae7b5 250 231 181 43,5 ° 87,3% 84.5%
Банановый желтый # ffe135 255 225 53 51,1 ° 100% 60,4%
Линкор серый # 848482 132 132 130 60 ° 0,8% 51,4%
Базар # 98777b 152 119 123 352.7 ° 13,8% 53,1%
Beau blue # bcd4e6 188 212 230 205,7 ° 45,7% 82%
Бивер # 9f8170 159 129 112 21,7 ° 19,7% 53.1%
бежевый # f5f5dc 245 245 220 60 ° 55,6% 91,2%
Бисквит # ffe4c4 255 228 196 32,5 ° 100% 88,4%
Бистр # 3d2b1f 61 43 31 24 ° 32.6% 18%
Сладко-горький # fe6f5e 254 111 94 6.4 ° 98,8% 68,2%
Черный # 000000 0 0 0 0 ° 0% 0%
Миндаль бланшированный #ffebcd 255 235 205 36 ° 100% 90.2%
Bleu de France # 318ce7 49 140 231 210 ° 79,1% 54,9%
Синий метель # ace5ee 172 229 238 188,2 ° 66% 80,4%
Блондин # faf0be 250 240 190 50 ° 85.7% 86,3%
Синий # 0000ff 0 0 255 240 ° 100% 50%
Синий колокол # a2a2d0 162 162 208 240 ° 32,9% 72,5%
Синий Серый # 6699cc 102 153 204 210 ° 50% 60%
Сине-зеленый # 0d98ba 13 152 186 191.8 ° 86,9% 39%
Синий фиолетовый # 8a2be2 138 43 226 271,1 ° 75,9% 52,7%
Сине-фиолетовый # 8a2be2 138 43 226 271,1 ° 75.9% 52,7%
Румяна # de5d83 222 93 131 342,3 ° 66,2% 61,8%
Боле # 79443b 121 68 59 8,7 ° 34,4% 35,3%
Бонди синий # 0095b6 0 149 182 190.9 ° 100% 35,7%
Кость # e3dac9 227 218 201 39,2 ° 31,7% 83,9%
Бостонский университет Красный # cc0000 204 0 0 0 ° 100% 40%
Бутылочно-зеленый # 006a4e 0 106 78 164.2 ° 100% 20,8%
Бойзенберри # 873260 135 50 96 327,5 ° 45,9% 36,3%
Брандейс синий # 0070ff 0 112 255 213,6 ° 100% 50%
Латунь # b5a642 181 166 66 52.2 ° 46,6% 48,4%
Кирпич красный # cb4154 203 65 84 351,7 ° 57% 52,5%
Ярко-лазурный # 1dacd6 29 172 214 193,6 ° 76.1% 47,6%
Ярко-зеленый # 66ff00 102 255 0 96 ° 100% 50%
Ярко-лавандовый # bf94e4 191 148 228 272,3 ° 59,7% 73.7%
Ярко-бордовый # c32148 195 33 72 345,6 ° 71,1% 44,7%
Ярко-розовый # ff007f 255 0 127 330,1 ° 100% 50%
Ярко-бирюзовый # 08e8de 8 232 222 177.3 ° 93,3% 47,1%
Яркий убэ # d19fe8 209 159 232 281,1 ° 61,3% 76,7%
Бриллиантовая лаванда # f4bbff 244 187 255 290,3 ° 100% 86.7%
Бриллиантовая роза # ff55a3 255 85 163 332,5 ° 100% 66,7%
Бринк-розовый # fb607f 251 96 127 348 ° 95,1% 68%
Британский гоночный зеленый # 004225 0 66 37 153.6 ° 100% 12,9%
бронза # cd7f32 205 127 50 29,8 ° 60,8% 50%
Коричневый # a52a2a 165 42 42 0 ° 59,4% 40.6%
Жевательная резинка # ffc1cc 255 193 204 349,4 ° 100% 87,8%
Пузыри # e7feff 231 254 255 182,5 ° 100% 95,3%
Бафф # f0dc82 240 220 130 49.1 ° 78,6% 72,5%
Болгарская роза # 480607 72 6 7 359,1 ° 84,6% 15,3%
Бордовый # 800020 128 0 32 345 ° 100% 25.1%
Бурливуд # deb887 222 184 135 33,8 ° 56,9% 70%
Жженый оранжевый # cc5500 204 85 0 25 ° 100% 40%
Сиена жженая # e97451 233 116 81 13.8 ° 77,6% 61,6%
Умбра жженая # 8a3324 138 51 36 8,8 ° 58,6% 34,1%
Византийский # bd33a4 189 51 164 310,9 ° 57.5% 47,1%
Византия # 702963 112 41 99 311 ° 46,4% 30%
CG Синий # 007aa5 0 122 165 195,6 ° 100% 32,4%

Преобразование цветов с помощью ColorHexa

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

И просто используйте правильные значения.

Шестнадцатеричные значения

Hex = 000000 до FFFFFF

  # ff0000  
  ff0000  
  F00  
значений RGB

R, G, B = от 0 до 255

  RGB 166 83 0  
  красный 166 зеленый 83 синий 0  
  r 166 г 83 b 0  
Процентные значения RGB

R, G, B = от 0 до 100%

  RGB 65.1%, 32,5%, 0%  
  rgb% 65,1 32,5 0  
  красный 65,1% зеленый 32,5% синий 0%  
Значения CMYK

C, M, Y, K = от 0 до 100 (или от 0 до 1)

  cmyk 11 100 0 42  
  голубой 11 пурпурный 100 желтый 0 черный 42  
  в 0,11 м 1 год 0 к 0,42  
Значения HSL

H = от 0 до 360 °; S, L = от 0 до 100%

  HSL 203.5 100 29  
  оттенок 203,5 насыщенность 100 яркость 29  
  ч 203,5 с 100 л 29  
Значения HSV

H = от 0 до 360 °; S, V = от 0 до 100%

  HSV 203,5 100 29  
  оттенок 203,5 насыщенность 100 значение 29  
  ч 203,5 с 100 в 29  
Значения CIE-LAB

L = от 0 до 100; A, B = от -128 до +127

  лаборатория 42.1, 67, 40  
Значения CIE-LCH

L, C = от 0 до 100; H = от 0 до 360 °

  лч 37.9, 63, 3.35  
Значения CIE-LUV

L = от 0 до 100; U = от -134 до 220; V = от -140 до 122

  luv 41, -5,1, -26  
Значения Hunter-Lab

L = от 0 до 100; A, B = от -128 до +127

  глаб 69, -30.9, 28  
Значения XYZ

X, Y, Z ≈ от 0 до 100

  XYZ 26, 36.4, 43,6  
значений xyY

x, y ≈ от 0 до 1; Y ≈ от 0 до 100

  xyY 0,45, 0,317, 18,5  
Двоичные значения

00000000 на 11111111

  10100110 01010011 00000000  
Десятичные значения

d = 0 до 16777215

  д 12263309  
Значения длины волны

Длина волны ≈ 350-780

  545 нм  
  длина волны 545  
Случайное значение

Введите * в поле поиска

  *  

216 цветов Web Safe, паллета Safe Web

Икс Понравилось? Ну, тогда подумайте о том, чтобы сделать пожертвование 🙂

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

Веб-дизайнер сегодня и веб-дизайнер 10 лет назад — совершенно разные профессионалы.Молодые умы широко используют преимущества развивающихся интернет-технологий : программы, эффекты, коды и скорость интернета. К счастью, постоянно уменьшающееся количество профессионалов помнит опыт проблемной передачи цветов с одного устройства на другое. Именно в этот момент начала свое существование безопасная палетка . Компьютеры, ноутбуки, планшеты. Вопрос не в высоком разрешении, а в типе матрицы. Здесь возникает вопрос, как получить отождествление желаемого цвета с тем, который воспринимается пользователем.

Палитра безопасных цветов состоит из 216 оттенков. Шестнадцатеричная система счисления используется в веб-проектировании , т.е. есть два шестнадцатеричных порядка для каждого базового цвета . Цвет можно записать следующим образом — HEX код цвета и RGB код .

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

.

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

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