Примеры и готовые решения для оформления блога и сайта. Разработка и дизайн шаблонов Blogger.
20 февраля 2012
Таблица написания цвета в HTML, названия, коды HEX и RGB
Самая полная таблица HTML и RGB кодов цветов, их названием и примерами. А так же удобный флеш-подборшик цвета. Выбираем понравившийся и применяем 🙂
Названия, коды и примеры цвета
Написание
Пример
R G B
HEX
Код и структура, как впрочем и сама таблица, честно спионерены с сайта Студия STM-design Разработка и создание сайтов. CMS за что им огромное человеческое спасибо.
Узнать все свойства, значение и описание CSS вы можете на этой странице
BestProject
Все рубрики
- Меню (10)
- МыслиВслух (13)
- Полезные ссылки (5)
- Разработки (13)
- Справочник (19)
- Устаревшие (4)
- Blogger (43)
- CSS (6)
Каталог публикаций
Поиск по MAGENTA WAVE
Отправьте письмо автору
SmartMenu
- О блоге и его авторе
- Поддержать проект
- О контенте
- О комментариях
Присоединяйся
Генератор случайных цветов на js (код от зрителей #3)
Источник: www.magentawave.com
Таблица RGB-цветов
В HTML цвет чаще всего задаются RGB-кодом. Любой цвет разлагается на три основные составляющие:
красный (Red)
зеленый (Green)
Любой цвет задается сочетанием трех чисел, каждое из которых отражает долю одного из трех основных цветов. Каждая доля занимает 1 байт и может варьироваться от 00 до FF (в шестнадцатеричной системе счисления) или от 0 до 255 (в десятичной системе счисления).
Если цвет задается в шестнадцатеричном формате, то перед последовательностью шестнадцатеричных цифр ставится знак решетки ( # ). Порядок чисел, указывающих насыщенность основных цветов, должен выдерживаться строго. Сначала – красный, затем – зеленый, в конце – синий.
Если цвет задается в десятичном формате, то сначала идет ключевое слово rgb, затем в скобках через запятую десятичные числа насыщенности основных цветов.
Для наиболее популярных цветов были введены символьные имена.
Пример серебристого цвета
color: #C0C0C0; color: rgb(192, 192, 192); color: silver;
Источник: htmlweb.ru
Цвета HTML
Шаблон:Глубина цвета Шаблон:HTML Существуют несколько основных способов представления цветов в вебе.
-
В виде #123ABC. Представление в виде трёх пар шестнадцатеричных цифр, где каждая пара отвечает за свой цвет:
две первые цифры — красный
две в середине —
- 1 Имена цветов в HTML
- 2 Безопасная палитра Netscape
- 3 Названия цветов в X11
- 4 Цвета CSS
- 5 Примечания
- 6 Ссылки
Имена цветов в HTML [ ]
В спецификации [1] определены следующие 16 ключевых цветов (в данном контексте можно использовать как заглавные, так и строчные буквы:
Уроки HTML, CSS / Как изменить цвет текста
aqua (морская волна, cyan) | #00ffff | black (чёрный) | #000000 | blue (синий) | #0000ff | #ff00ff |
#808080 | #008000 | #00ff00 | #800000 | |||
navy (тёмно-синий) | #000080 | #808000 | purple (пурпурный) | #800080 | red (красный) | #ff0000 |
#c0c0c0 | teal (сине-зелёный) | #008080 | #ffffff | yellow (жёлтый) | #ffff00 |
Безопасная палитра Netscape [ ]
В эпоху 256-цветных видеокарт широко применялась так называемая «безопасная палитра Netscape» — однородная палитра 6×6×6. В Шаблон:Lang-en ).
Названия цветов в [ ]
Язык выше. Дополнительно CSS 2.1 добавляет название ‘orange’ [2] : [3] В модуле работы с цветом нежелательным и заменено на CSS3 UI System Appearance property, [4] [5] который впоследствии был удален из CSS3. [6] Спецификация CSS3 также вводит
/* имя цвета */ p color: red > /* Базовый список цветов */ p color: blanchedalmond > /* Расширенный список цветов (X11) */ /* модель RGB */ p color: #F00>/* #rgb */ p color: #FF0000 > /* #rrggbb */ p color: rgb(255,0,0)> /* целое в диапазоне 0 — 255 */ p color: rgb(100%,0%, 0%) > /* число с плавающей точкой 0.0% — 100.0% */ /* модель RGB с альфа-каналом, введена в CSS3 */ p color: rgba(255, 0, 0, 0.5) > /* 0.5 прозрачность, полупрозрачность */ /* модель HSL, введена в CSS3 */ p color: hsl(0, 100%, 50%) > /* красный (red) */ p color: hsl(120, 100%, 50%) > /* зелёный (green) */ p color: hsl(120, 100%, 25%) > /* тёмно-зелёный (dark green) */ p color: hsl(120, 100%, 75%) > /* светло-зелёный (light green) */ p color: hsl(120, 50%, 50%) > /* пастельный зелёный (pastel green) */ /* модель HSL с альфа-каналом */ p color: hsla(120, 100%, 50%, 1) > /* зелёный (green) */ p color: hsla(120, 100%, 50%, 0.5) > /* полупрозрачный зелёный */ p color: hsla(120, 100%, 50%, 0.1) > /* очень прозрачный зелёный */
Примечания [ ]
- ↑HTML 4.01 Specification section 6.5 «Colors»
- ↑↑User interface — System colors
- ↑CSS3 Color Module — CSS2 System Colors
- ↑CSS3Basic User Interface Module, W3C Candidate Recommendation 11 May 2004: System Appearance
- ↑CSS Basic User Interface Module Level 3 (CSS3 UI), W3C Working Draft 17 January 2012: List of substantial changes, «System Appearance has been dropped, including appearance values https://colors.fandom.com/ru/wiki/%D0%A6%D0%B2%D0%B5%D1%82%D0%B0_HTML» target=»_blank»]colors.fandom.com[/mask_link]