Коды цветов в CSS используются для указания цвета. Как правило, коды цвета или цветовые значения используются для установки цвета либо для переднего плана элемента (например, цвет текста, ссылки), либо для фона элемента (цвет фона, блока). Они также могут использоваться для изменения цвета кнопки, границ, маркера, при наведении и других декоративных эффектов.
Вы можете задать свои значения цвета в различных форматах. В следующей таблице перечислены все возможные форматы:
Ниже более подробно описаны перечисленные форматы.
Цвета CSS — шестнадцатеричные коды
Шестнадцатеричный код цвета — это шестизначное представление цвета. Первые две цифры (RR) — представляют собой красное значение, следующие две — это зеленое значение (GG), а последние — синее значение (BB).
Цвета CSS — короткие шестнадцатеричные коды
Короткий шестнадцатеричный код цвета — это более короткая форма шестизначной нотации. В этом формате каждая цифра повторяется, чтобы получить эквивалентное шестизначное значение цвета. Например: #0F0 становится #00FF00.
Как сделать бирюзовый краситель в майнкрафт ?
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Core Draw и др.
Каждому шестнадцатеричному коду цвета в CSS будет предшествовать знак хеша «#». Ниже приведены примеры использования шестнадцатеричных обозначений.
Цвета CSS — RGB значения
RGB значение — это код цвета, который задается с помощью свойства rgb(). Это свойство принимает три значения: по одному для красного, зеленого и синего. Значение может быть целым числом, от 0 до 255, или процентом.
Примечание: не все браузеры поддерживают свойство rgb() цвета, поэтому не рекомендуется его использовать.
Ниже приведен пример, показывающий несколько цветов с использованием значений RGB.
Генератор цветовых кодов
Вы можете создавать миллионы цветовых кодов с помощью нашего сервиса .
Безопасные цвета браузера
Ниже представлена таблица из 216 цветов, которые наиболее безопасные и независимые от компьютера. Эти цвета в CSS варьируются от 000000 до FFFFFF шестнадцатеричного кода. Они безопасны в использовании, поскольку гарантируют, что все компьютеры будут правильно отображать цвет при работе с 256 цветовой палитрой.
| Таблица «безопасных» цветов в CSS | |||||
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Коды цветов майнкрафт
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно.
Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF.
Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00.
По названию
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.
| white | #ffffff или #fff | rgb(255,255,255) | hsl(0,0%,100%) | Белый |
| silver | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Серый |
| gray | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Темно-серый |
| black | #000000 или #000 | rgb(0,0,0) | hsl(0,0%,0%) | Черный |
| maroon | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Темно-красный |
| red | #ff0000 или #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Красный |
| orange | #ffa500 | rgb(255,165,0) | hsl(38.8,100%,50%) | Оранжевый |
| yellow | #ffff00 или #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Желтый |
| olive | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Оливковый |
| lime | #00ff00 или #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Светло-зеленый |
| green | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Зеленый |
| aqua | #00ffff или #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Голубой |
| blue | #0000ff или #00f | rgb(0,0,255) | hsl(240,100%,50%) | Синий |
| navy | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Темно-синий |
| teal | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Сине-зеленый |
| fuchsia | #ff00ff или #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Розовый |
| purple | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Фиолетовый |
С помощью RGB
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Можно определить цвет, используя значения красной, зеленой и синей составляющей в десятичном исчислении. Каждая из трех компонент цвета принимает значение от 0 до 255. Также допустимо задавать цвет в процентном отношении, при этом 100% будет соответствовать числу 255. Вначале указывается ключевое слово rgb , а затем в скобках, через запятую указываются компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%).
RGBA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
RGBA добавлен в CSS3, поэтому валидацию CSS-кода надо проводить именно по этой версии. Следует отметить, что стандарт CSS3 еще находится в разработке и некоторые возможности в нем могут поменяться. К примеру, цвет в формате RGB добавленный к свойству background-color проходит валидацию, а добавленный к свойству background уже нет. При этом браузеры вполне корректно понимают цвет для того и другого свойства.
HSL
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Название формата HSL образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Lightness (светлота). Оттенок это значение цвета на цветовом круге (рис. 1) и задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, а 240° — синему. Значение оттенка может изменяться от 0 до 359.
Рис. 1. Цветовой круг
Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности.
Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее, крайние значения 0% и 100% соответствуют чёрному и белому цвету.
HSLA
| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Формат HSLA похож по синтаксису на HSL, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности.
Значения цвета в форматах RGBA, HSL и HSLA добавлены в CSS3, поэтому при использовании этих форматов проверяйте код на валидность с учётом версии.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Предупреждение
Все перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Авторы не гарантируют вашей безопасности при их использовании и снимают с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное!
Источник: smslife.ru
Бирюзовый, ср. бирюза / #30d5c8 Шестнадцатеричный Код Цветов
бирюзовый, ср. бирюза цвета по шестнадцатеричному коду цвета #30d5c8 является оттенком голубой. В модели цвета RGB #30d5c8 составляет 18.82% красного, 83.53% зеленого и 78.43% синего. В цветовом пространстве HSL #30d5c8 имеет оттенок 175° (градусов), 66% насыщенность и 51% светлости. Этот цвет имеет приблизительную длину волны в 494.36 nm.
Цветовые вариации
- Вывернутый
#cf2a37 - Насыщенный на 25%
#1bead9 - Оттенки Серого
#838383 - Светлее на 25%
#66e0d6 - Оригинал
#30d5c8 - Темнее на 25%
#23aea3 - Web-цвет: aqua
#00ffff / #0ff - Оттенки Серого 25%
#40c5ba - HTML: mediumturquoise
#48d1cc
Именованные цвета
Близко Связаны
- Цвет яйца дрозда
#00cccc / #0cc - Ярко-бирюзовый
#08e8de - Цвет морской волны / Циан, васильковый
#00ffff / #0ff - Аквамариновый
#7fffd4 - Бледно-синий
#afeeee
Косвенно Связаны
- Глициния
#c9a0dc - Тёмно-золотой
#b8860b - Сигнальный оранжевый
#ff9900 / #f90 - Песочный цвет
#f4a460 - Лазурный, Азур
#007fff
Отдаленно Связаны
- Тёмный индиго, индиго
#310062 - Тёмно-алый
#560319 - Тёмно-синий, цвет формы морских офицеров
#000080 - Тёмно-синий цвет
#00008b - Ультрамариновый
#120a8f
Цветовые схемы
Дополнение
Аналоги
Разделение
Триада
Квадрат
Троичная
#30d5c8 линейный градиент до дополнительного #ff0642
Монохроматические Цвета
Тоны
Оттенки
#30d5c8 в Белый
#30d5c8 в Черный
Краски
Связанные краски
Duron
Natural Color System / NCS
- S 1040-B60G
#4fd0c0ΔE = 2.340 / LRV ≈ 50.6% - S 1040-B50G
#4ecac2ΔE = 3.902 / LRV ≈ 47.8%
Valspar Paint
- Sprinkler
#24dcccΔE = 2.380 / LRV ≈ 55.9% - Reflection Pool
#3dcfcfΔE = 4.677 / LRV ≈ 50.1%
Peintures MF
Sigma
- Natural Green / S 1050-B60G
#60d4c6ΔE = 2.730 / LRV ≈ 53.6% - Natural Green / S 1050-B50G
#57cec5ΔE = 3.037 / LRV ≈ 50.2%
Caparol
Plascon
- Turquoise Sky G7-A2-1
#48ccc4ΔE = 3.293 / LRV ≈ 48.5% - Surfs Surprise G6-A2-1
#48d4bcΔE = 3.768 / LRV ≈ 52.1%
Nippon Paint
- Poolside / NP BGG 1602 T
#5acdbeΔE = 3.311 / LRV ≈ 49.6% - Lush / NP BGG 1605 T
#67d3c3ΔE = 3.459 / LRV ≈ 53.4%
Cloverdale Paint
- May Day / 7512
#68d2c7ΔE = 3.412 / LRV ≈ 53.2% - Oceanside Paradise / 7504
#73d3ceΔE = 5.082 / LRV ≈ 54.7%
Nerolac
- Aphrodite — 2501
#65cfc4ΔE = 3.441 / LRV ≈ 51.4%
Asian Paints
- Green Wave / 9272
#69d4c8ΔE = 3.444 / LRV ≈ 54.3%
Auro
- Turquoise Pompon
#4fd1bbΔE = 3.607 / LRV ≈ 50.8%
Toyo Ink
Berger
- May Day / 7512
#5bcdc7ΔE = 3.881 / LRV ≈ 50.0%
Scib Paints
- May Day / 7512
#5bcdc7ΔE = 3.881 / LRV ≈ 50.0%
Vista Paint
Coronado Paint
- 7512 — May Day
#60cbc0ΔE = 3.910 / LRV ≈ 49.0% - 7504 — Oceanside Paradise
#6bcdc8ΔE = 4.837 / LRV ≈ 51.0%
Evonik-Degussa
- 1142T Poolside
#59cebaΔE = 3.913 / LRV ≈ 49.8%
Porter Paints
- Bon Voyage / 102-4
#6ed2c4ΔE = 3.916 / LRV ≈ 53.4%
PPG Pittsburgh Paints
- Bon Voyage 102-4
#6ed2c4ΔE = 3.916 / LRV ≈ 53.4%
Earthpaint
- 1-27-4 Caspian Sea
#67cebeΔE = 3.946 / LRV ≈ 50.7% - 1-28-4 Title River
#70cdc8ΔE = 5.140 / LRV ≈ 51.3%
Taubmans
- Tropical Splash / T12 48.E1
#69cdc2ΔE = 4.007 / LRV ≈ 50.6% - Class Clown / T12 47.E1
#6fccc1ΔE = 4.582 / LRV ≈ 50.4%
Bristol
- Tropical Splash / P134-C4
#69cdc2ΔE = 4.007 / LRV ≈ 50.6%
Federal Standard
- Federal Standard 27769
#00dcc4ΔE = 4.010 / LRV ≈ 55.2%
Glidden
- Thai Teal / 53GG 50/360
#56c9bcΔE = 4.118 / LRV ≈ 47.4%
Brillux
General Paint
- Jewel / CL 2105D
#68d1bdΔE = 4.322 / LRV ≈ 52.2%
Alcro
Pantone / PMS
Dunn-Edwards
- Sweet Garden / 294
#5fd1baΔE = 4.493 / LRV ≈ 51.6%
California Paints
- DE 5696 — Sweet Garden
#5fd1baΔE = 4.493 / LRV ≈ 51.6%
CHROMATIC
- 0502 Vert Almon — JonOne-CH1
#6fcec6ΔE = 4.511 / LRV ≈ 51.6% - 0716-Vert Book — Dorval-CH2
#70cabeΔE = 5.013 / LRV ≈ 49.4%
Sikkens
Behr
- Hidden Sea Glass P450-4
#6fd0caΔE = 4.646 / LRV ≈ 52.8%
Kelly-Moore
- Alexandra Valley / KM3246-2
#45c7bfΔE = 4.718 / LRV ≈ 45.9% - May Day / KM3245-2
#74d7d0ΔE = 5.055 / LRV ≈ 56.9%
ICI Paints
- Caribe 54GG 55/320
#6bcfbbΔE = 4.747 / LRV ≈ 51.3%
Resene
- Downy G80-066-182
#6fd2beΔE = 4.787 / LRV ≈ 53.2%
KILZ
- Beach Toy / E752
#69cabaΔE = 4.848 / LRV ≈ 48.8%
Pratt 0-9 — до ), за которым идёт шестнадцатеричное число в сообщения даёт сигнал клиенту для переключения цвета при отображении текста. Кроме того, текст может быть отформатирован с помощью символа r используется для сброса всех кодов, т.е. rБББ будет отображаться как ААА БББ.
Представляем таблицу существующих цветовых кодов в Майнкрафт для вашего удобства:
| color: #fff;»> | color: #fff;»> | color: #fff;»> | color: #fff;»> | color: #fff;»> | «> | «> | color: #fff;»> | color: #fff;»> | «> | «> | «> | «> | «> | «> | lMinecraft = Minecraft.
Для вашего удобства ниже приведена таблица кодов для форматирования:
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю. Допускается использовать сокращенную форму вида #rgb, где каждый символ следует удваивать. Так, запись #fe0 следует расценивать как #ffee00. По названию
Браузеры поддерживают некоторые цвета по их названию. В табл. 1 приведены названия, шестнадцатеричный код, значения в формате RGB, HSL и описание.
С помощью RGB
Можно определить цвет, используя значения красной, зеленой и синей составляющей в десятичном исчислении. Каждая из трех компонент цвета принимает значение от 0 до 255. Также допустимо задавать цвет в процентном отношении, при этом 100% будет соответствовать числу 255. Вначале указывается ключевое слово rgb , а затем в скобках, через запятую указываются компоненты цвета, например rgb(255, 128, 128) или rgb(100%, 50%, 50%). RGBA
Формат RGBA похож по синтаксису на RGB, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности. RGBA добавлен в CSS3, поэтому валидацию CSS-кода надо проводить именно по этой версии. Следует отметить, что стандарт CSS3 еще находится в разработке и некоторые возможности в нем могут поменяться. К примеру, цвет в формате RGB добавленный к свойству background-color проходит валидацию, а добавленный к свойству background уже нет. При этом браузеры вполне корректно понимают цвет для того и другого свойства. HSL
Название формата HSL образовано от сочетания первых букв Hue (оттенок), Saturate (насыщенность) и Lightness (светлота). Оттенок это значение цвета на цветовом круге (рис. 1) и задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, а 240° — синему. Значение оттенка может изменяться от 0 до 359. Рис. 1. Цветовой круг Насыщенностью называется интенсивность цвета, измеряется в процентах от 0% до 100%. Значение 0% обозначает отсутствие цвета и оттенок серого, 100% максимальное значение насыщенности. Светлота задает, насколько цвет яркий и указывается в процентах от 0% до 100%. Малые значения делают цвет темнее, а высокие светлее, крайние значения 0% и 100% соответствуют чёрному и белому цвету. HSLA
Формат HSLA похож по синтаксису на HSL, но включает в себя альфа-канал, задающий прозрачность элемента. Значение 0 соответствует полной прозрачности, 1 — непрозрачности, а промежуточное значение вроде 0.5 — полупрозрачности. Значения цвета в форматах RGBA, HSL и HSLA добавлены в CSS3, поэтому при использовании этих форматов проверяйте код на валидность с учётом версии. HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx ПредупреждениеВсе перечисленные на сайте методы ловли льва являются теоретическими и базируются на вычислительных методах. Авторы не гарантируют вашей безопасности при их использовании и снимают с себя всякую ответственность за результат. Помните, лев это хищник и опасное животное! Источник: www.demg.ru |