- Цветовые коды CSS
- Установка цвета фона элемента
- Установка цвета границы элемента
- Красные цвета
- Оранжевые цвета
- Желтые цвета
- Зеленые цвета
- Голубые цвета
- Синие цвета
- Фиолетовые цвета
- Розовые цвета
- Белые цвета
- Серые цвета
- Коричневые цвета
- Смотрите также
- Таблица цветовых кодов RGB
- Цветовое пространство RGB
- Цветовой формат и расчет RGB
- Примеры расчетов
- Таблица цветов RGB
- Смотрите также
Цветовые коды CSS
Для всех однотипных элементов. Поместите код в тег
пример
Установка красного цвета текста абзаца:
Установка цвета определенного абзаца:
Установка цвета всех абзацев
Установка цвета фона элемента
пример
Установка красного цвета фона абзаца:
Установка цвета фона определенного абзаца:
Установка цвета фона всех абзацев:
Установка цвета границы элемента
element < border-color: topcode rightcode bottomcode leftcode >
пример
Установка красного, зеленого, синего и черного цвета границы абзаца:
Установка цвета границы конкретного абзаца:
Установка цвета границы всех абзацев:
Красные цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
лосось | # FFA07A | RGB (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 | rgb (255 250 205) | |
светзолото-желтый | # FAFAD2 | RGB (250,250,210) | |
папайавип | # FFEFD5 | rgb (255 239 213) | |
мокасины | # FFE4B5 | rgb (255 228 181) | |
персиковый | # FFDAB9 | rgb (255 218 185) | |
Palegoldenrod | # 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 | rgb (0,100,0) | |
желто-зеленый | # ADFF2F | RGB (173,255,47) | |
желтый зеленый | # 9ACD32 | RGB (154,205,50) | |
весенне-зеленый | # 00FF7F | RGB (0,255,127) | |
средний весенний | # 00FA9A | RGB (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 | RGB (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) | |
голубой | # 1E90FF | RGB (30,144,255) | |
васильковый | # 6495ED | RGB (100 149 237) | |
стальной синий | # 4682B4 | RGB (70 130 180) | |
Королевский синий | # 4169E1 | RGB (65,105,225) | |
синий | # 0000FF | RGB (0,0,255) | |
средне-синий | # 0000CD | RGB (0,0,205) | |
темно-синий | # 00008B | RGB (0,0,139) | |
флот | # 000080 | RGB (0,0,128) | |
темно-синий | # 191970 | 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 | RGB (255,0,255) | |
пурпурный | # FF00FF | RGB (255,0,255) | |
среднеорхид | # BA55D3 | RGB (186,85,211) | |
среднефиолетовый | # 9370DB | RGB (147 112 219) | |
сине-фиолетовый | # 8A2BE2 | RGB (138,43,226) | |
темно-фиолетовый | # 9400D3 | RGB (148,0 211) | |
Darkorchid | # 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) | |
ярко-розовый | # FF69B4 | RGB (255 105 180) | |
темно-розовый | # FF1493 | RGB (255, 20, 147) | |
бледно-фиолетовый | # DB7093 | RGB (219 112 147) | |
среднефиолетовый | # C71585 | RGB (199,21,133) |
Белые цвета
цвет | Имя цвета HTML / CSS | Шестнадцатеричный код #RRGGBB | Десятичный код (R, G, B) |
---|---|---|---|
белый | #FFFFFF | RGB (255,255,255) | |
снег | #FFFAFA | rgb (255,250,250) | |
нектар | # F0FFF0 | RGB (240,255,240) | |
мятный крем | # F5FFFA | rgb (245,255,250) | |
лазурный | # F0FFFF | RGB (240,255,255) | |
алиса синий | # F0F8FF | RGB (240 248 255) | |
призрачный | # F8F8FF | RGB (248 248 255) | |
белый дым | # F5F5F5 | RGB (245 245 245) | |
морская ракушка | # FFF5EE | rgb (255 245 238) | |
бежевый | # F5F5DC | RGB (245 245 220) | |
старое платье | # 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) |
---|---|---|---|
Gainsboro | #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) | |
Burlywood | # 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) |
Смотрите также
Таблица цветовых кодов RGB
Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:
Шестнадцатеричный: # |
Красный: |
Зеленый: |
Синий: |
Цветовое пространство RGB
RGB цветового пространства или цветовая система RGB , создает все цвета из комбинации R Е.Д., G Reen и B LUE цвета.
Красный, зеленый и синий используют по 8 бит каждый, которые имеют целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.
RGB ≡ красный, зеленый, синий
Таким образом, каждый пиксель на светодиодном мониторе отображает цвета за счет комбинации красного, зеленого и синего светодиодов (светоизлучающих диодов).
Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.
Любое значение между ними устанавливает частичное излучение светодиода.
Цветовой формат и расчет RGB
Код RGB имеет формат 24 бита (биты 0..23):
КРАСНЫЙ [7: 0] | ЗЕЛЕНЫЙ [7: 0] | СИНИЙ [7: 0] | |||||||||||||||||||||
23 | 16 | 15 | 8 | 7 | 0 |
RGB = (R*65536)+(G*256)+B , (when R is RED, G is GREEN and B is BLUE)
Примеры расчетов
Белый цвет RGB
White RGB code = 255*65536+255*256+255 = #FFFFFF
Синий цвет RGB
Blue RGB code = 0*65536+0*256+255 = #0000FF
Красный цвет RGB
Red RGB code = 255*65536+0*256+0 = #FF0000
Зеленый цвет RGB
Green RGB code = 0*65536+255*256+0 = #00FF00
Серый цвет RGB
Gray RGB code = 128*65536+128*256+128 = #808080
Желтый цвет RGB
Yellow RGB code = 255*65536+255*256+0 = #FFFF00
Таблица цветов RGB
Смотрите также
- Конвертер RGB в шестнадцатеричный
- Конвертер RGB в HSV
- Конвертер RGB в HSL
- Конвертер RGB в CMYK
- Цветовые преобразования
- Таблица цветового круга
- Тестер цвета экрана
- Цветовые коды HTML
- Коды символов HTML
- Таблица ASCII
- Символы Unicode
- Безопасные для Интернета цвета
- Желтого цвета
- Золотой цвет
ВЕБ-ЦВЕТА
- Цвет RGB
- Палитра цветов
- Цветовая схема
- Тестер цвета
- Цветовой круг
- Цветовые коды HTML
- Безопасные для Интернета цвета
- Синий цвет
- Золотой цвет
- красный цвет
- Желтого цвета
БЫСТРЫЕ ТАБЛИЦЫ
Этот веб-сайт использует файлы cookie для улучшения вашего опыта, анализа трафика и отображения рекламы. Учить больше