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

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

Содержание

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

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

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

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

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

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

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

FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
           
 
FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600
           
 
FF9900 FF9933 CC9966
CC6600
996633 663300
           
 
FFCC99 FF9966 FF6600 CC6633 993300 660000
           
 
FF6633 CC3300 FF3300 FF0000 CC0000 990000
 
 
       
 
FFCCCC FF9999 FF6666 FF3333 FF0033 CC0033
           
 
CC9999 CC6666 CC3333 993333 990033 330000
       
 
 
 
FF6699 FF3366 FF0066 CC3366 996666 663333
           
 
FF99CC FF3399 FF0099 CC0066 993366 660033
           
 
FF66CC FF00CC FF33CC CC6699 CC0099 990066
           
 
FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399
           
 
CC99CC CC66CC CC00CC CC33CC 990099 993399
           
 
CC66FF CC33FF CC00FF 9900CC 996699 660066
           
 
CC99FF 9933CC 9933FF 9900FF 660099 663366
           
 
9966CC 9966FF 6600CC 6633CC 663399 330033
           
 
CCCCFF 9999FF 6633FF 6600FF 330099 330066
           
 
9999CC 6666FF 6666CC 666699 333399 333366
           
 
3333FF 3300FF 3300CC 3333CC 000099 000066
           
 
6699FF 3366FF 0000FF 0000CC 0033CC 000033
   
 
     
 
0066FF 0066CC 3366CC 0033FF 003399 003366
           
 
99CCFF 3399FF 0099FF 6699CC 336699 006699
           
 
66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333
           
 
99CCCC 66CCCC 339999 669999 006666 336666
           
 
CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC
           
 
99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999
           
 
66CC99 33CC99 00CC99 339966 009966 006633
       
 
 
 
66FF99 33FF99 00FF99 33CC66 00CC66 009933
           
 
99FF99 66FF66 33FF66 00FF66 339933 006600
           
 
CCFFCC 99CC99 66CC66 669966 336633 003300
           
 
33FF33 00FF33 00FF00 00CC00 33CC33 00CC33
           
 
66FF00 66FF33 33FF00 33CC00 339900 009900
           
 
CCFF99 99FF66 66CC00 66CC33 669933 336600
           
 
99FF00 99FF33 99CC66 99CC00 99CC33 669900
           
 
CCFF66 CCFF00 CCFF33 CCCC99 666633 333300
           
 
CCCC66 CCCC33 999966 999933 999900 666600
           
 
FFFFFF CCCCCC 999999 666666 333333 000000
           

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


«Безопасные» или 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 #ffffff 255, 255, 255 0°, 0%, 100%
silver #c0c0c0 192, 192, 192 0°, 0%, 75%
gray #808080 128, 128, 128 0°, 0%, 50%
black #000000 0, 0, 0 0°, 0%, 0%
red #ff0000 255, 0, 0 0°, 100%, 50%
maroon #800000 128, 0, 0 0°, 100%, 25%
fuchsia #ff00ff 255, 0, 255 300°, 100%, 50%
purple #800080 128, 0, 128 300°, 100%, 25%
lime #00ff00 0, 100, 0 120°, 100%, 50%
green #008000 0, 128, 0 120°, 100%, 25%
yellow #ffff00 255, 255, 0 60°, 100%, 50%
olive #808000 128, 128, 0 60°, 100%, 25%
aqua #00ffff 0, 255, 255 180°, 100%, 50%
teal #008080 0, 128, 128 180°, 100%, 25%
blue #0000ff 0, 0, 255 240°, 100%, 50%
navy #000080 0, 0, 128 240°, 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 #ffffffhex 0°, 0%, 100%
ivory #fffff0hex 60°, 100%, 97%
lightyellow #ffffe0hex 60°, 100%, 94%
yellow #ffff00hex 60°, 100%, 50%
snow #fffafahex 0°, 100%, 99%
floralwhite #fffaf0hex 40°, 100%, 97%
lemonchiffon #fffacdhex 54°, 100%, 90%
cornsilk #fff8dchex 48°, 100%, 93%
seashell #fff5eehex 25°, 100%, 97%
lavenderblush #fff0f5hex 340°, 100%, 97%
papayawhip #ffefd5hex 37°, 100%, 92%
blanchedalmond #ffebcdhex 36°, 100%, 90%
mistyrose #ffe4e1hex 6°, 100%, 94%
bisque #ffe4c4hex 33°, 100%, 88%
moccasin #ffe4b5hex 38°, 100%, 86%
navajowhite #ffdeadhex 36°, 100%, 84%
peachpuff #ffdab9hex 28°, 27%, 100%
gold #ffd700hex 51°, 100%, 50%
pink #ffc0cbhex 350°, 100%, 88%
lightpink #ffb6c1hex 351°, 100%, 86%
orange #ffa500hex 39°, 100%, 50%
lightsalmon #ffa07ahex 17°, 100%, 74%
darkorange #ff8c00hex 33°, 100%, 50%
coral #ff7f50hex 16°, 100%, 66%
hotpink #ff69b4hex 330°, 100%, 71%
tomato #ff6347hex 9°, 100%, 64%
orangered #ff4500hex 16°, 100%, 50%
deeppink #ff1493hex 328°, 100%, 54%
magenta, fuchsia #ff00ffhex 300°, 100%, 50%
red #ff0000hex 0°, 100%, 50%
oldlace #fdf5e6hex 39°, 85%, 95%
lightgoldenrodyellow #fafad2hex 60°, 80%, 90%
linen #faf0e6hex 30°, 67%, 94%
antiquewhite #faebd7hex 34°, 78%, 91%
salmon #fa8072hex 6°, 93%, 71%
ghostwhite #f8f8ffhex 240°, 100%, 99%
mintcream #f5fffahex 150°, 100%, 98%
whitesmoke #f5f5f5hex 0°, 0%, 96%
beige #f5f5dchex 60°, 56%, 91%
wheat #f5deb3hex 39°, 77%, 83%
sandybrown #f4a460hex 28°, 87%, 67%
azure #f0ffffhex 180°, 100%, 97%
honeydew #f0fff0hex 120°, 100%, 97%
aliceblue #f0f8ffhex 208°, 100%, 97%
khaki #f0e68chex 54°, 77%, 75%
lightcoral #f08080hex 0°, 79%, 72%
palegoldenrod #eee8aahex 55°, 67%, 80%
violet #ee82eehex 300°, 76%, 72%
darksalmon #e9967ahex 15°, 72%, 70%
lavender #e6e6fahex 240°, 67%, 94%
lightcyan #e0ffffhex 180°, 100%, 94%
burlywood #deb887hex 34°, 57%, 70%
plum #dda0ddhex 300°, 47%, 75%
gainsboro #dcdcdchex 0°, 0%, 86%
crimson #dc143chex 348°, 83%, 47%
palevioletred #db7093hex 340°, 60%, 65%
goldenrod #daa520hex 43°, 74%, 49%
orchid #da70d6hex 302°, 59%, 65%
thistle #d8bfd8hex 300°, 24%, 80%
lightgray, lightgrey #d3d3d3hex 0°, 0%, 83%
tan #d2b48chex 34°, 44%, 67%
chocolate #d2691ehex 25°, 75%, 47%
peru #cd853fhex 30°, 59%, 53%
indianred #cd5c5chex 0°, 53%, 58%
mediumvioletred #c71585hex 322°, 81%, 43%
silver #c0c0c0hex 0°, 0%, 75%
darkkhaki #bdb76bhex 56°, 38%, 58%
rosybrown #bc8f8fhex 0°, 25%, 65%
mediumorchid #ba55d3hex 288°, 59%, 58%
darkgoldenrod #b8860bhex 43°, 89%, 38%
firebrick #b22222hex 0°, 68%, 42%
powderblue #b0e0e6hex 187°, 52%, 80%
lightsteelblue #b0c4dehex 214°, 41%, 78%
paleturquoise #afeeeehex 180°, 65%, 81%
greenyellow #adff2fhex 84°, 100%, 59%
lightblue #add8e6hex 195°, 53%, 79%
darkgray, darkgrey #a9a9a9hex 0°, 0%, 66%
brown #a52a2ahex 0°, 59%, 41%
sienna #a0522dhex 19°, 56%, 40%
yellowgreen #9acd32hex 80°, 61%, 50%
darkorchid #9932cchex 280°, 61%, 50%
palegreen #98fb98hex 120°, 93%, 79%
darkviolet #9400d3hex 282°, 100%, 41%
mediumpurple #9370dbhex 260°, 60%, 65%
lightgreen #90ee90hex 120°, 73%, 75%
darkseagreen #8fbc8fhex 120°, 25%, 65%
saddlebrown #8b4513hex 25°, 76%, 31%
darkmagenta #8b008bhex 300°, 100%, 27%
darkred #8b0000hex 0°, 100%, 27%
blueviolet #8a2be2hex 271°, 76%, 53%
lightskyblue #87cefahex 203°, 92%, 76%
skyblue #87ceebhex 197°, 71%, 73%
gray, grey #808080hex 0°, 0%, 50%
olive #808000hex 60°, 100%, 25%
purple #800080hex 300°, 100%, 25%
maroon #800000hex 0°, 100%, 25%
aquamarine #7fffd4hex 160°, 100%, 75%
chartreuse #7fff00hex 90°, 100%, 50%
lawngreen #7cfc00hex 91°, 100%, 4%
mediumslateblue #7b68eehex 249°, 80%, 67%
lightslategray, lightslategrey #778899hex 210°, 14%, 53%
slategray или slategrey #708090hex 210°, 13%, 50%
olivedrab #6b8e23hex 80°, 61%, 35%
slateblue #6a5acdhex 248°, 54%, 58%
dimgray, dimgrey #696969hex 0°, 0%, 41%
mediumaquamarine #66cdaahex 160°, 51%, 60%
rebeccapurple #663399hex 270°, 50%, 40%
cornflowerblue #6495edhex 219°, 79%, 66%
cadetblue #5f9ea0hex 182°, 26%, 50%
darkolivegreen #556b2fhex 82°, 39%, 30%
indigo #4b0082hex 275°, 100%, 26%
mediumturquoise #48d1cchex 178°, 60%, 55%
darkslateblue #483d8bhex 249°, 39%, 39%
steelblue #4682b4hex 207°, 44%, 49%
royalblue #4169e1hex 225°, 73%, 57%
turquoise #40e0d0hex 174°, 72%, 57%
mediumseagreen #3cb371hex 147°, 50%, 47%
limegreen #32cd32hex 120°, 61%, 50%
darkslategray, darkslategrey #2f4f4fhex 180°, 25%, 25%
seagreen #2e8b57hex 147°, 50%, 36%
forestgreen #228b22hex 120°, 61%, 34%
lightseagreen #20b2aahex 177°, 70%, 41%
dodgerblue #1e90ffhex 210°, 100%, 56%
midnightblue #191970hex 240°, 64%, 27%
aqua, cyan #00ffffhex 180°, 100%, 50%
springgreen #00ff7fhex 150°, 100%, 50%
lime #00ff00hex 120°, 100%, 50%
mediumspringgreen #00fa9ahex 157°, 100%, 49%
darkturquoise #00ced1hex 181°, 100%, 41%
deepskyblue #00bfffhex 195°, 100%, 50%
darkcyan #008b8bhex 180°, 100%, 27%
teal #008080hex 180°, 100%, 25%
green #008000hex 120°, 100%, 25%
darkgreen #006400hex 120°, 100%, 20%
blue #0000ffhex 240°, 100%, 50%
mediumblue #0000cdhex 240°, 100%, 40%
darkblue #00008bhex 240°, 100%, 27%
navy #000080hex 240°, 100%, 25%
black #000000hex 0°, 0%, 0%

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

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

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

Красные

IndianRed CD 5C 5C 205 92 92
LightCoral F0 80 80 240 128 128
Salmon FA 80 72 250 128 114
DarkSalmon E9 96 7A 233 150 122
LightSalmon FF A0 7A 255 160 122
Crimson DC 14 3C 220 20 60
Red FF 00 00 255 0 0
FireBrick B2 22 22 178 34 34
DarkRed 8B 00 00 139 0 0

Розовые

Pink FF C0 CB 255 192 203
LightPink FF B6 C1 255 182 193
HotPink FF 69 B4 255 105 180
DeepPink FF 14 93 255 20 147
MediumVioletRed C7 15 85 199 21 133
PaleVioletRed DB 70 93 219 112 147

Оранжевые

LightSalmon FF A0 7A 255 160 122
Coral FF 7F 50 255 127 80
Tomato FF 63 47 255 99 71
OrangeRed FF 45 00 255 69 0
DarkOrange FF 8C 00 255 140 0
Orange FF A5 00 255 165 0

Жёлтые

Gold FF D7 00 255 215 0
Yellow FF FF 00 255 255 0
LightYellow FF FF E0 255 255 224
LemonChiffon FF FA CD 255 250 205
LightGoldenrodYellow FA FA D2 250 250 210
PapayaWhip FF EF D5 255 239 213
Moccasin FF E4 B5 255 228 181
PeachPuff FF DA B9 255 218 185
PaleGoldenrod EE E8 AA 238 232 170
Khaki F0 E6 8C 240 230 140
DarkKhaki BD B7 6B 189 183 107

Фиолетовые

Lavender E6 E6 FA 230 230 250
Thistle D8 BF D8 216 191 216
Plum DD A0 DD 221 160 221
Violet EE 82 EE 238 130 238
Orchid DA 70 D6 218 112 214
Fuchsia FF 00 FF 255 0 255
Magenta FF 00 FF 255 0 255
MediumOrchid BA 55 D3 186 85 211
MediumPurple 93 70 DB 147 112 219
BlueViolet 8A 2B E2 138 43 226
DarkViolet 94 00 D3 148 0 211
DarkOrchid 99 32 CC 153 50 204
DarkMagenta 8B 00 8B 139 0 139
Purple 80 00 80 128 0 128
Indigo 4B 00 82 75 0 130
SlateBlue 6A 5A CD 106 90 205
DarkSlateBlue 48 3D 8B 72 61 139

Зелёные

GreenYellow AD FF 2F 173 255 47
Chartreuse 7F FF 00 127 255 0
LawnGreen 7C FC 00 124 252 0
Lime 00 FF 00 0 255 0
LimeGreen 32 CD 32 50 205 50
PaleGreen 98 FB 98 152 251 152
LightGreen 90 EE 90 144 238 144
MediumSpringGreen 00 FA 9A 0 250 154
SpringGreen 00 FF 7F 0 255 127
MediumSeaGreen 3C B3 71 60 179 113
SeaGreen 2E 8B 57 46 139 87
ForestGreen 22 8B 22 34 139 34
Green 00 80 00 0 128 0
DarkGreen 00 64 00 0 100 0
YellowGreen 9A CD 32 154 205 50
OliveDrab 6B 8E 23 107 142 35
Olive 80 80 00 128 128 0
DarkOliveGreen 55 6B 2F 85 107 47
MediumAquamarine 66 CD AA 102 205 170
DarkSeaGreen 8F BC 8F 143 188 143
LightSeaGreen 20 B2 AA 32 178 170
DarkCyan 00 8B 8B 0 139 139
Teal 00 80 80 0 128 128

Синие

Aqua 00 FF FF 0 255 255
Cyan 00 FF FF 0 255 255
LightCyan E0 FF FF 224 255 255
PaleTurquoise AF EE EE 175 238 238
Aquamarine 7F FF D4 127 255 212
Turquoise 40 E0 D0 64 224 208
MediumTurquoise 48 D1 CC 72 209 204
DarkTurquoise 00 CE D1 0 206 209
CadetBlue 5F 9E A0 95 158 160
SteelBlue 46 82 B4 70 130 180
LightSteelBlue B0 C4 DE 176 196 222
PowderBlue B0 E0 E6 176 224 230
LightBlue AD D8 E6 173 216 230
SkyBlue 87 CE EB 135 206 235
LightSkyBlue 87 CE FA 135 206 250
DeepSkyBlue 00 BF FF 0 191 255
DodgerBlue 1E 90 FF 30 144 255
CornflowerBlue 64 95 ED 100 149 237
MediumSlateBlue 7B 68 EE 123 104 238
RoyalBlue 41 69 E1 65 105 225
Blue 00 00 FF 0 0 255
MediumBlue 00 00 CD 0 0 205
DarkBlue 00 00 8B 0 0 139
Navy 00 00 80 0 0 128
MidnightBlue 19 19 70 25 25 112

Коричневые

Cornsilk FF F8 DC 255 248 220
BlanchedAlmond FF EB CD 255 235 205
Bisque FF E4 C4 255 228 196
NavajoWhite FF DE AD 255 222 173
Wheat F5 DE B3 245 222 179
BurlyWood DE B8 87 222 184 135
Tan D2 B4 8C 210 180 140
RosyBrown BC 8F 8F 188 143 143
SandyBrown F4 A4 60 244 164 96
Goldenrod DA A5 20 218 165 32
DarkGoldenrod B8 86 0B 184 134 11
Peru CD 85 3F 205 133 63
Chocolate D2 69 1E 210 105 30
SaddleBrown 8B 45 13 139 69 19
Sienna A0 52 2D 160 82 45
Brown A5 2A 2A 165 42 42
Maroon 80 00 00 128 0 0

Белые

White FF FF FF 255 255 255
Snow FF FA FA 255 250 250
Honeydew F0 FF F0 240 255 240
MintCream F5 FF FA 245 255 250
Azure F0 FF FF 240 255 255
AliceBlue F0 F8 FF 240 248 255
GhostWhite F8 F8 FF 248 248 255
WhiteSmoke F5 F5 F5 245 245 245
Seashell FF F5 EE 255 245 238
Beige F5 F5 DC 245 245 220
OldLace FD F5 E6 253 245 230
FloralWhite FF FA F0 255 250 240
Ivory FF FF F0 255 255 240
AntiqueWhite FA EB D7 250 235 215
Linen FA F0 E6 250 240 230
LavenderBlush FF F0 F5 255 240 245
MistyRose FF E4 E1 255 228 225

Серые

Gainsboro DC DC DC 220 220 220
LightGrey D3 D3 D3 211 211 211
Silver C0 C0 C0 192 192 192
DarkGray A9 A9 A9 169 169 169
Gray 80 80 80 128 128 128
DimGray 69 69 69 105 105 105
LightSlateGray 77 88 99 119 136 153
SlateGray 70 80 90 112 128 144
DarkSlateGray 2F 4F 4F 47 79 79
Black 00 00 00 0 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 не будет опубликован. Обязательные поля помечены *