CSS использует значения цвета, чтобы указать цвет. Как правило, они используются для установки цвета либо для переднего плана элемента (т.е. его текста), либо для фона элемента. Их также можно использовать для изменения цвета бордюров и других декоративных эффектов.
Вы можете указать свои значения цвета в различных форматах. В следующей таблице перечислены все возможные форматы —
| Формат | Синтаксис | пример |
|---|---|---|
| Шестнадцатеричный код | #RRGGBB | р {цвет: # FF0000;} |
| Короткий шестнадцатеричный код | #RGB | р {цвет: # 6À7;} |
| RGB% | RGB (ррр%, GGG%, БББ%) | р {цвет: RGB (50%, 50%, 50%);} |
| RGB Абсолют | RGB (RRR, GGG, ГЭБ) | р {цвет: RGB (0,0,255);} |
| ключевое слово | аква, черный и т. д. | р {цвет: бирюзовый;} |
Эти форматы объясняются более подробно в следующих разделах —
Цвета CSS — шестнадцатеричные коды
Шестнадцатеричное — это 6-значное представление цвета. Первые две цифры (RR) представляют значение красного цвета, следующие две — значение зеленого цвета (GG), а последние — значение синего (BB).
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Jasc Paintshop Pro или даже с помощью Advanced Paint Brush.
Каждому шестнадцатеричному коду будет предшествовать знак фунта или хеша «#». Ниже приведены примеры использования шестнадцатеричной записи.
| цвет | Цвет HEX |
|---|---|
| # 000000 | |
| # FF0000 | |
| # 00FF00 | |
| # 0000FF | |
| # FFFF00 | |
| # 00FFFF | |
| # FF00FF | |
| # C0C0C0 | |
| #FFFFFF |
CSS Colors — Короткие шестнадцатеричные коды
Это более короткая форма шестизначного обозначения. В этом формате каждая цифра реплицируется для получения эквивалентного шестизначного значения. Например: # 6A7 становится # 66AA77.
Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Jasc Paintshop Pro или даже с помощью Advanced Paint Brush.
Каждому шестнадцатеричному коду будет предшествовать знак фунта или хеша «#». Ниже приведены примеры использования шестнадцатеричной записи.
| цвет | Цвет HEX |
|---|---|
| # 000 | |
| # F00 | |
| # 0F0 | |
| # 0FF | |
| # FF0 | |
| # 0FF | |
| # F0F | |
| #FFF |
Цвета CSS — значения RGB
Это значение цвета указывается с помощью свойства rgb () . Это свойство принимает три значения, по одному для красного, зеленого и синего. Значение может быть целым числом от 0 до 255 или в процентах.
ПРИМЕЧАНИЕ. — Все браузеры не поддерживают свойство цвета rgb (), поэтому рекомендуется его не использовать.
Ниже приведен пример, показывающий несколько цветов с использованием значений RGB.
| цвет | Цвет RGB |
|---|---|
| RGB (0,0,0) | |
| RGB (255,0,0) | |
| RGB (0,255,0) | |
| RGB (0,0,255) | |
| RGB (255,255,0) | |
| RGB (0255255) | |
| RGB (255,0,255) | |
| RGB (192192192) | |
| RGB (255,255,255) |
Цветовые коды зданий
Вы можете создавать миллионы цветовых кодов, используя наш Color Code Builder. Проверьте наш HTML Color Code Builder . Чтобы использовать этот инструмент, вам потребуется браузер с поддержкой Java.
Браузер Безопасные Цвета
Вот список из 216 цветов, которые должны быть наиболее безопасными и независимыми от компьютера. Эти цвета варьируются от гекса кода 000000 до FFFFFF. Эти цвета безопасны в использовании, поскольку они гарантируют, что все компьютеры будут правильно отображать цвета при работе с 256-цветовой палитрой —