Безопасные веб цвета: Таблица «безопасных» цветов
Таблица «безопасных» цветов
У Вас в браузере заблокирован 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 | 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 оценок
«Безопасные», 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 L | R G B |
|---|---|---|
| #000000 | 0°, 0%, 0% | 0%, 0%, 0% |
| #000033 | 240°, 100%, 10% | 0%, 0%, 20% |
| #000066 | 240°, 100%, 20% | 0%, 0%, 40% |
| #000099 | 240°, 100%, 30% | 0%, 0%, 60% |
| #0000CC | 240°, 100%, 40% | 0%, 0%, 80% |
| #0000FF | 240°, 100%, 50% | 0%, 0%, 100% |
| #003300 | 120°, 100%, 10% | 0%, 20%, 0% |
| #003333 | 180°, 100%, 10% | 0%, 20%, 20% |
| #003366 | 210°, 100%, 20% | 0%, 20%, 40% |
| #003399 | 220°, 100%, 30% | 0%, 20%, 60% |
| #0033CC | 225°, 100%, 40% | 0%, 20%, 80% |
| #0033FF | 228°, 100%, 50% | 0%, 20%, 100% |
| #006600 | 120°, 100%, 20% | 0%, 40%, 0% |
| #006633 | 150°, 100%, 20% | 0%, 40%, 20% |
| #006666 | 180°, 100%, 20% | 0%, 40%, 40% |
| #006699 | 200°, 100%, 30% | 0%, 40%, 60% |
| #0066CC | 210°, 100%, 40% | 0%, 40%, 80% |
| #0066FF | 216°, 100%, 50% | 0%, 40%, 100% |
| #009900 | 120°, 100%, 30% | 0%, 60%, 0% |
| #009933 | 140°, 100%, 30% | 0%, 60%, 20% |
| #009966 | 160°, 100%, 30% | 0%, 60%, 40% |
| #009999 | 180°, 100%, 30% | 0%, 60%, 60% |
| #0099CC | 195°, 100%, 40% | 0%, 60%, 80% |
| #0099FF | 204°, 100%, 50% | 0%, 60%, 100% |
| #00CC00 | 120°, 100%, 40% | 0%, 80%, 0% |
| #00CC33 | 135°, 100%, 40% | 0%, 80%, 20% |
| #00CC66 | 150°, 100%, 40% | 0%, 80%, 40% |
| #00CC99 | 165°, 100%, 40% | 0%, 80%, 60% |
| #00CCCC | 180°, 100%, 40% | 0%, 80%, 80% |
| #00CCFF | 0°, 0%, 0% | %, %, % |
| #00FF00 | 120°, 100%, 50% | 0%, 100%, 0% |
| #00FF33 | 132°, 100%, 50% | 0%, 100%, 20% |
| #00FF66 | 144°, 100%, 50% | 0%, 100%, 40% |
| #00FF99 | 156°, 100%, 50% | 0%, 100%, 60% |
| #00FFCC | 168°, 100%, 50% | 0%, 100%, 80% |
| #00FFFF | 180°, 100%, 50% | 0%, 100%, 100% |
| #330000 | 0°, 100%, 10% | 20%, 0%, 0% |
| #330033 | 300°, 100%, 10% | 20%, 0%, 20% |
| #330066 | 270°, 100%, 20% | 20%, 0%, 40% |
| #330099 | 260°, 100%, 30% | 20%, 0%, 60% |
| #3300CC | 255°, 100%, 40% | 20%, 0%, 80% |
| #3300FF | 252°, 100%, 50% | 20%, 0%, 100% |
| #333300 | 60°, 100%, 10% | 20%, 20%, 0% |
| #333333 | 0°, 0%, 20% | 20%, 20%, 20% |
| #333366 | 240°, 33%, 30% | 20%, 20%, 40% |
| #333399 | 240°, 50%, 40% | 20%, 20%, 60% |
| #3333CC | 240°, 60%, 50% | 20%, 20%, 80% |
| #3333FF | 240°, 100%, 60% | 20%, 20%, 100% |
| #336600 | 90°, 100%, 20% | 20%, 40%, 0% |
| #336633 | 120°, 33%, 30% | 20%, 40%, 20% |
| #336666 | 180°, 33%, 30% | 20%, 40%, 40% |
| #336699 | 210°, 50%, 40% | 20%, 40%, 60% |
| #3366CC | 220°, 60%, 50% | 20%, 40%, 80% |
| #3366FF | 225°, 100%, 60% | 20%, 40%, 100% |
| #339900 | 100°, 100%, 30% | 20%, 60%, 0% |
| #339933 | 120°, 50%, 40% | 20%, 60%, 20% |
| #339966 | 150°, 50%, 40% | 20%, 60%, 40% |
| #339999 | 180°, 50%, 40% | 20%, 60%, 60% |
| #3399CC | 200°, 60%, 50% | 20%, 60%, 80% |
| #3399FF | 210°, 100%, 60% | 20%, 60%, 100% |
| #33CC00 | 105°, 100%, 40% | 20%, 80%, 0% |
| #33CC33 | 120°, 60%, 50% | 20%, 80%, 20% |
| #33CC66 | 140°, 60%, 50% | 20%, 80%, 40% |
| #33CC99 | 160°, 60%, 50% | 20%, 80%, 60% |
| #33CCCC | 180°, 60%, 50% | 20%, 80%, 80% |
| #33CCFF | 195°, 100%, 60% | 20%, 80%, 100% |
| #33FF00 | 108°, 100%, 50% | 20%, 100%, 0% |
| #33FF33 | 120°, 100%, 60% | 20%, 100%, 20% |
| #33FF66 | 135°, 100%, 60% | 20%, 100%, 40% |
| #33FF99 | 150°, 100%, 60% | 20%, 100%, 60% |
| #33FFCC | 165°, 100%, 60% | 20%, 100%, 80% |
| #33FFFF | 180°, 100%, 60% | 20%, 100%, 100% |
| #660000 | 0°, 100%, 20% | 40%, 0%, 0% |
| #660033 | 330°, 100%, 20% | 40%, 0%, 20% |
| #660066 | 300°, 100%, 20% | 40%, 0%, 40% |
| #660099 | 280°, 100%, 30% | 40%, 0%, 60% |
| #6600CC | 270°, 100%, 40% | 40%, 0%, 80% |
| #6600FF | 264°, 100%, 50% | 40%, 0%, 100% |
| #663300 | 30°, 100%, 20% | 40%, 20%, 0% |
| #663333 | 0°, 33%, 30% | 40%, 20%, 20% |
| #663366 | 300°, 33%, 30% | 40%, 20%, 40% |
| #663399 | 270°, 50%, 40% | 40%, 20%, 60% |
| #6633CC | 260°, 60%, 50% | 40%, 20%, 80% |
| #6633FF | 255°, 100%, 60% | 40%, 20%, 100% |
| #666600 | 60°, 100%, 20% | 40%, 40%, 0% |
| #666633 | 60°, 33%, 30% | 40%, 40%, 20% |
| #666666 | 0°, 0%, 40% | 40%, 40%, 40% |
| #666699 | 240°, 20%, 50% | 40%, 40%, 60% |
| #6666CC | 240°, 50%, 60% | 40%, 40%, 80% |
| #6666FF | 240°, 100%, 70% | 40%, 40%, 100% |
| #669900 | 80°, 100%, 30% | 40%, 60%, 0% |
| #669933 | 90°, 50%, 40% | 40%, 60%, 20% |
| #669966 | 120°, 20%, 50% | 40%, 60%, 40% |
| #669999 | 180°, 20%, 50% | 40%, 60%, 60% |
| #6699CC | 210°, 50%, 60% | 40%, 60%, 80% |
| #6699FF | 220°, 100%, 70% | 40%, 60%, 100% |
| #66CC00 | 90°, 100%, 40% | 40%, 80%, 0% |
| #66CC33 | 100°, 60%, 50% | 40%, 80%, 20% |
| #66CC66 | 120°, 50%, 60% | 40%, 80%, 40% |
| #66CC99 | 150°, 50%, 60% | 40%, 80%, 60% |
| #66CCCC | 180°, 50%, 60% | 40%, 80%, 80% |
| #66CCFF | 200°, 100%, 70% | 40%, 80%, 100% |
| #66FF00 | 96°, 100%, 50% | 40%, 100%, 0% |
| #66FF33 | 105°, 100%, 60% | 40%, 100%, 20% |
| #66FF66 | 120°, 100%, 70% | 40%, 100%, 40% |
| #66FF99 | 140°, 100%, 70% | 40%, 100%, 60% |
| #66FFCC | 160°, 100%, 70% | 40%, 100%, 80% |
| #66FFFF | 180°, 100%, 70% | 40%, 100%, 100% |
| #990000 | 0°, 100%, 30% | 60%, 0%, 0% |
| #990033 | 340°, 100%, 30% | 60%, 0%, 20% |
| #990066 | 320°, 100%, 30% | 60%, 0%, 40% |
| #990099 | 300°, 100%, 30% | 60%, 0%, 60% |
| #9900CC | 285°, 100%, 40% | 60%, 0%, 80% |
| #9900FF | 276°, 100%, 50% | 60%, 0%, 100% |
| #993300 | 20°, 100%, 30% | 60%, 20%, 0% |
| #993333 | 0°, 50%, 40% | 60%, 20%, 20% |
| #993366 | 330°, 50%, 40% | 60%, 20%, 40% |
| #993399 | 300°, 50%, 40% | 60%, 20%, 60% |
| #9933CC | 280°, 60%, 50% | 60%, 20%, 80% |
| #9933FF | 270°, 100%, 60% | 60%, 20%, 100% |
| #996600 | 40°, 100%, 30% | 60%, 40%, 0% |
| #996633 | 30°, 50%, 40% | 60%, 40%, 20% |
| #996666 | 0°, 20%, 50% | 60%, 40%, 40% |
| #996699 | 300°, 20%, 50% | 60%, 40%, 60% |
| #9966CC | 270°, 50%, 60% | 60%, 40%, 80% |
| #9966FF | 260°, 100%, 70% | 60%, 40%, 100% |
| #999900 | 60°, 100%, 30% | 60%, 60%, 0% |
| #999933 | 60°, 50%, 40% | 60%, 60%, 20% |
| #999966 | 60°, 20%, 50% | 60%, 60%, 40% |
| #999999 | 0°, 0%, 60% | 60%, 60%, 60% |
| #9999CC | 240°, 33%, 70% | 60%, 60%, 80% |
| #9999FF | 240°, 100%, 80% | 60%, 60%, 100% |
| #99CC00 | 75°, 100%, 40% | 60%, 80%, 0% |
| #99CC33 | 80°, 60%, 50% | 60%, 80%, 20% |
| #99CC66 | 90°, 50%, 60% | 60%, 80%, 40% |
| #99CC99 | 120°, 33%, 70% | 60%, 80%, 60% |
| #99CCCC | 180°, 33%, 70% | 60%, 80%, 80% |
| #99CCFF | 210°, 100%, 80% | 60%, 80%, 100% |
| #99FF00 | 84°, 100%, 50% | 60%, 100%, 0% |
| #99FF33 | 90°, 100%, 60% | 60%, 100%, 20% |
| #99FF66 | 100°, 100%, 70% | 60%, 100%, 40% |
| #99FF99 | 120°, 100%, 80% | 60%, 100%, 60% |
| #99FFCC | 150°, 100%, 80% | 60%, 100%, 80% |
| #99FFFF | 180°, 100%, 80% | 60%, 100%, 100% |
| #CC0000 | 0°, 100%, 40% | 80%, 0%, 0% |
| #CC0033 | 345°, 100%, 40% | 80%, 0%, 20% |
| #CC0066 | 330°, 100%, 40% | 80%, 0%, 40% |
| #CC0099 | 315°, 100%, 40% | 80%, 0%, 60% |
| #CC00CC | 300°, 100%, 40% | 80%, 0%, 80% |
| #CC00FF | 288°, 100%, 50% | 80%, 0%, 100% |
| #CC3300 | 15°, 100%, 40% | 80%, 20%, 0% |
| #CC3333 | 0°, 60%, 50% | 80%, 20%, 20% |
| #CC3366 | 340°, 60%, 50% | 80%, 20%, 40% |
| #CC3399 | 320°, 60%, 50% | 80%, 20%, 60% |
| #CC33CC | 300°, 60%, 50% | 80%, 20%, 80% |
| #CC33FF | 285°, 100%, 60% | 80%, 20%, 100% |
| #CC6600 | 30°, 100%, 40% | 80%, 40%, 0% |
| #CC6633 | 20°, 60%, 50% | 80%, 40%, 20% |
| #CC6666 | 0°, 50%, 60% | 80%, 40%, 40% |
| #CC6699 | 330°, 50%, 60% | 80%, 40%, 60% |
| #CC66CC | 300°, 50%, 60% | 80%, 40%, 80% |
| #CC66FF | 280°, 100%, 70% | 80%, 40%, 100% |
| #CC9900 | 45°, 100%, 40% | 80%, 60%, 0% |
| #CC9933 | 40°, 60%, 50% | 80%, 60%, 20% |
| #CC9966 | 30°, 50%, 60% | 80%, 60%, 40% |
| #CC9999 | 0°, 33%, 70% | 80%, 60%, 60% |
| #CC99CC | 300°, 33%, 70% | 80%, 60%, 80% |
| #CC99FF | 270°, 100%, 80% | 80%, 60%, 100% |
| #CCCC00 | 60°, 100%, 40% | 80%, 80%, 0% |
| #CCCC33 | 60°, 60%, 50% | 80%, 80%, 20% |
| #CCCC66 | 60°, 50%, 60% | 80%, 80%, 40% |
| #CCCC99 | 60°, 33%, 70% | 80%, 80%, 60% |
| #CCCCCC | 0°, 0%, 80% | 80%, 80%, 80% |
| #CCCCFF | 240°, 100%, 90% | 80%, 80%, 100% |
| #CCFF00 | 72°, 100%, 50% | 80%, 100%, 0% |
| #CCFF33 | 75°, 100%, 60% | 80%, 100%, 20% |
| #CCFF66 | 80°, 100%, 70% | 80%, 100%, 40% |
| #CCFF99 | 90°, 100%, 80% | 80%, 100%, 60% |
| #CCFFCC | 120°, 100%, 90% | 80%, 100%, 80% |
| #CCFFFF | 180°, 100%, 90% | 80%, 100%, 100% |
| #FF0000 | 0°, 100%, 50% | 100%, 0%, 0% |
| #FF0033 | 348°, 100%, 50% | 100%, 0%, 20% |
| #FF0066 | 336°, 100%, 50% | 100%, 0%, 40% |
| #FF0099 | 324°, 100%, 50% | 100%, 0%, 60% |
| #FF00CC | 312°, 100%, 50% | 100%, 0%, 80% |
| #FF00FF | 300°, 100%, 50% | 100%, 0%, 100% |
| #FF3300 | 12°, 100%, 50% | 100%, 20%, 0% |
| #FF3333 | 0°, 100%, 60% | 100%, 20%, 20% |
| #FF3366 | 345°, 100%, 60% | 100%, 20%, 40% |
| #FF3399 | 330°, 100%, 60% | 100%, 20%, 60% |
| #FF33CC | 315°, 100%, 60% | 100%, 20%, 80% |
| #FF33FF | 300°, 100%, 60% | 100%, 20%, 100% |
| #FF6600 | 24°, 100%, 50% | 100%, 40%, 0% |
| #FF6633 | 15°, 100%, 60% | 100%, 40%, 20% |
| #FF6666 | 0°, 100%, 70% | 100%, 40%, 40% |
| #FF6699 | 340°, 100%, 70% | 100%, 40%, 60% |
| #FF66CC | 320°, 100%, 70% | 100%, 40%, 80% |
| #FF66FF | 300°, 100%, 70% | 100%, 40%, 100% |
| #FF9900 | 36°, 100%, 50% | 100%, 60%, 0% |
| #FF9933 | 30°, 100%, 60% | 100%, 60%, 20% |
| #FF9966 | 20°, 100%, 70% | 100%, 60%, 40% |
| #FF9999 | 0°, 100%, 80% | 100%, 60%, 60% |
| #FF99CC | 330°, 100%, 80% | 100%, 60%, 80% |
| #FF99FF | 300°, 100%, 80% | 100%, 60%, 100% |
| #FFCC00 | 48°, 100%, 50% | 100%, 80%, 0% |
| #FFCC33 | 45°, 100%, 60% | 100%, 80%, 20% |
| #FFCC66 | 40°, 100%, 70% | 100%, 80%, 40% |
| #FFCC99 | 30°, 100%, 80% | 100%, 80%, 60% |
| #FFCCCC | 0°, 100%, 90% | 100%, 80%, 80% |
| #FFCCFF | 300°, 100%, 90% | 100%, 80%, 100% |
| #FFFF00 | 60°, 100%, 50% | 100%, 100%, 0% |
| #FFFF33 | 60°, 100%, 60% | 100%, 100%, 20% |
| #FFFF66 | 60°, 100%, 70% | 100%, 100%, 40% |
| #FFFF99 | 60°, 100%, 80% | 100%, 100%, 60% |
| #FFFFCC | 60°, 100%, 90% | 100%, 100%, 80% |
| #FFFFFF | 0°, 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%).
| Имя | R G B | H 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 B | H 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 цветов. Это не защитит вас от чрезмерного диапазона контрастности, но, несомненно, гарантирует, что вы и пользователь будете воспринимать один и тот же требуемый цвет .
.