- Таблица цветовых кодов RGB
- Палитра цветов RGB
- Таблица цветовых кодов RGB
- Цветовое пространство RGB
- Цветовой формат и расчет RGB
- Примеры расчетов
- · Инструмент для подбора цветов и генерации цветовых схем ·
- Схема: Насыщенность/Яркость
- Схема: Контрастность
- Выбранный Вариант: Насыщенность/Яркость
- Постоянный адрес текущей цветовой схемы:
- Таблица цветов html
- Как можно задать цвет в CSS
- 1. Задание цвета в виде шести цифр шестнадцатеричного кода
- 2. Задание цвета через его название
- 3. Задание цвета в виде трех десятичных чисел
- Выбираем цветовую гамму светодиодных лент
- 2 разновидности RGB-лент
- Таблица HTML цветов — коды и названия
- Цветовая схема
- Код цвета HTML для #FF0000
Таблица цветовых кодов RGB
Палитра цветов RGB
Таблица цветовых кодов 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
· Инструмент для подбора цветов и генерации цветовых схем ·
Схема:
Насыщенность/Яркость
Схема:
Контрастность
Выбранный Вариант:
Насыщенность/Яркость
- Схема по умолчанию
- Больше контраста
- Высокий контраст
- Максимум контраста
- Меньше контраста
- Низкий контраст
- Минимум контраста
- Средне-темный (насыщенный)
- Темный (насыщенный)
- Очень темный (насыщенный)
- Пастельный
- Средне-темный пастельный
- Темный пастельный
- Очень темный пастельный
- Мягкий бледный пастельный
- Средний бледный пастельный
- Темный бледный пастельный
- Очень темный бледный пастельный
- Полутон (легкий)
- Серый полутон с цветовым акцентом (легкий)
- Серый полутон (средний)
- Серый полутон с цветовым акцентом (средний)
- Серый полутон (темный)
- Серый полутон с цветовым акцентом (темный)
Постоянный адрес текущей цветовой схемы:
Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.
Также монохроматические вариации сделаны для каждого цвета в других схемах.
Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.
Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.
Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.
Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.
Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме, может немного отличаться от введенного значения.
Появилась удобная возможность поделиться цветовой палитрой с друзьями и коллегами, используя готовые коды для вставки картинки на форум или в блог.
Таблица цветов html
Разработчикам дизайнов сайтов, да и просто сайтостроителям, часто приходится подбирать какие-то цветовые гаммы, чтобы веб-сайт смотрелся красиво и удобно. Как известно, задать цвета в html можно с помощью трех способов (записаны в порядке понижения популярности их применения):
Как можно задать цвет в CSS
1. Задание цвета в виде шести цифр шестнадцатеричного кода
Синтаксис этого способа: # XXXXXX . Первые две цифры отвечают за красный цвет (Red), вторые две цифры за зеленый (Green) и последние две цифры за синий цвет (Blue). Сокращённо его называют RGB. Этот метод встречается чаще всего среди вебмастеров, поскольку он позволяет точно подобрать нужный оттенок цвета.
Возможна более краткая запись в виде трех шестнадцатеричных цифры: # XXX . Поскольку каждый из цветов определяется двухзначным шестнадцатеричным числом, то в данном случае каждая цифра дублируется.
Например, # ABC будет равнозначен коду # AABBCC . Аналогично с цифрами.
2. Задание цвета через его название
Самый простой и понятный способ задания цвета — просто написать его название. Сразу скажу, что не для каждого цвета есть своё название, а только для некоторых. Однако этих цветов так много, что, скорее всего, вы сможете подобрать подходящий вариант.
3. Задание цвета в виде трех десятичных чисел
Этот способ похож на предыдущий, однако имеет более сложный синтаксис: rgb (XYZ,XYZ,XYZ) , где X, Y, Z — любые десятичные цифры, но XYZ не должно превышать 255. Как и в предыдущем случае каждый из трех чисел отвечает за какой-то цвет (красный, зелёный, синий).
Ниже представлена таблица цветов html, в которой можно посмотреть его название, посмотреть как он выглядит, узнать RGB и html код цвета.
Выбираем цветовую гамму светодиодных лент
Цветовая гамма светодиодных лент представлена основными цветами (белым, красным, синим, желтым, зеленым) и RGB лентами.
Белый цвет, если мы говорим о монохромных белых led-лентах, классифицируют по цветовой температуре (в К — Кельвинах):
- холодный белый (2670-3800 К);
- нейтральный белый (3800-5000 К);
- теплый белый (5000 — 10000 К).
Универсальные RGB ленты с монтированными 3-х кристальными светоизлучающими диодами различных цветов (R+G+B), могут изменять цвет свечения. Для управления цветами RGB лент применяются RGB контроллеры, а также DMX контроллеры.
2 разновидности RGB-лент
Выделяют 2 типа RGB-лент, а именно:
У этого вида ленты применяются светоизлучающие диоды:
которые припаяны по 3 шт. рядом повторяющимися триадами по всей длине ленты.
Смена цвета свечения ленты достигается совместным изменением интенсивности свечения светоизлучающих диодов каждого цвета.
Такие led-ленты отлично сгодятся для подсветки интерьера тогда, когда светодиоды будут не видны зрением человека. А если они будут виды, то смена цвета свечения будет менее эффективной.
R, G и B светоизлучающие диоды серии SMD3528 имеют размеры 3,5*2,8 мм и излучают световой поток в диапазоне 0,6-2,2 люмен (далее лм), в зависимости от цвета свечения. Светоизлучающие диоды серии SMD5050 по размеру больше, их ширина и длина 5*5 мм и, поэтому, они ярче светят. Световой поток, в зависимости от цвета свечения, находится в диапазоне 2-8 лм.
Поэтому по размеру припаянных светоизлучающих диодов на ленте, даже не ориентируясь в технических характеристиках, можно запросто понять, какая из них будет более яркой по свечению.
Тип N2 . В данном виде лент используются RGB светоизлучающие диоды серии LED-RGB-SMD3528 или LED-RGB-SMD5050. Главная «фишка» этих светоизлучающих диодов в том, что в одном корпусе смонтированы сразу 3 светоизлучающих диода — красный, зеленый и синий. Из-за этого световой поток у таких светодиодов гораздо меньше.
А именно, он имеет следующие диапазоны:
- У LED-RGB-SMD3528 только 0,3-1,6 лм;
- У LED-RGB-SMD5050 только 0,6-2,5 лм.
В силу того, что кристаллы находятся по сути в одной точке, достигнута хорошая эффективность градации цветов. Это позволяет применять led-ленты этого вида в создании светового дизайна без ограничений.
Таблица HTML цветов — коды и названия
Коды цветов HTML — это шестнадцатеричные триплеты, представляющие цвета красный, зеленый и синий (#RRGGBB). Например, в красном цвете код цвета # FF0000, который является «255» красным, «0» зеленым и «0» синим. Эти цветовые коды можно использовать для изменения цвета фона, текста и таблиц на веб-странице через CSS.
Название цвета | Цветовой код | Название цвета | Цветовой код |
---|---|---|---|
Красный | # FF0000 | Белый | #FFFFFF |
Сине-зелёный | # 00FFFF | Серебряный | # C0C0C0 |
Синий | # 0000FF | Серый или серый | #808080 |
Темно-синий | # 0000A0 | Черный | #000000 |
Светло-синий | # ADD8E6 | Оранжевый | # FFA500 |
Пурпурный | #800080 | Коричневый | # A52A2A |
Желтый | # FFFF00 | Каштановый | #800000 |
известь | # 00FF00 | Зеленый | #008000 |
Fuxin | # FF00FF | Оливковый | #808000 |
Цветовая схема
Совет. Используйте наш выбор цвета HTML, если вам нужно выбрать из почти бесконечного множества цветов.
Код | цвет |
---|---|
#000000 | черный |
# 0C090A | Ночь |
# 2C3539 | темно-серый цвет |
# 2B1B17 | полуночный |
# 34282C | Древесный уголь |
# 25383C | Темный шифер серый |
# 3B3131 | масло |
#413839 | Черная кошка |
# 3D3C3A | Iridii |
# 463E3F | Черный угорь |
# 4C4646 | Черная корова |
# 504A4B | Серый волк |
#565051 | Сердце вампиров |
# 5C5858 | Серый дельфин |
# 625D5D | Углеродный серый |
#666362 | Ясень |
# 6D6968 | Облачно серый |
# 726E6D | Дымчатый серый |
# 736F6E | Серый |
# 837E7C | гранит |
#848482 | Броненосец Серый |
# B6B6B4 | Серый облако |
# D1D0CE | Серый гусь |
# Скорость4E2 | платиновый |
# BCC6CC | Металлический серебристый |
# 98AFC7 | Серо-голубой |
# 6D7B8D | Светлый серый шифер |
#657383 | Шифер серый |
# 616D7E | Jet Grey |
# 646D7E | Mist Blue |
# 566D7E | Мраморный синий |
# 737CA1 | Шифер Синий |
# 4863A0 | Стальной синий |
# 2B547E | Голубая сойка |
# 2B3856 | Темный шифер Синий |
# 151B54 | Темно-синий |
#000080 | Темно-синий |
# 342D7E | Синий кит |
# 15317E | Ляпис синий |
# 151B8D | Джинсовая темно-синяя |
# 0000A0 | Земля Синий |
# 0020C2 | Синий кобальт |
# 0041C2 | Голубика голубая |
# 2554C7 | Сапфирово-синий |
# 1569C7 | Голубые глаза |
# 2B60DE | Королевский синий |
# 1F45FC | Голубая орхидея |
# 6960EC | Голубой Лотос |
# 736AFF | Световой шифер синий |
# 357EC7 | Windows Blue |
# 368BC1 | Ледяной синий лед |
# 488AC7 | Синий Синий |
# 3090C7 | Голубой плющ |
# 659EC7 | Синий кои |
# 87AFC7 | Columbia Blue |
# 95B9C7 | Голубые |
# 728FCE | Легкий стальной синий |
# 2B65EC | Синий океан |
# 306EFF | Голубая лента |
# 157DEC | Голубое платье |
# 1589FF | Dodger Blue |
# 6495ED | Васильковый |
# 6698FF | Голубое небо |
# 38ACEC | Бабочка Blue |
# 56A5EC | айсберг |
# 5CB3FF | Кристально синий |
# 3BB9FF | Глубокий небесно-голубой |
# 79BAEC | Джинсовый синий |
# 82CAFA | Светло-голубой |
# 82CAFF | День Голубого |
# A0CFEC | Джинсы синие |
# B7CEEC | Голубой ангел |
# B4CFEC | Пастель Синий |
# C2DFFF | Синее море |
# C6DEFF | Порошок синий |
#AFDCEC | Коралловый синий |
#ADDFFF | Светло-синий |
#BDEDFF | Робин Яйцо Синий |
#CFECEC | Бле дно-голубая лилия |
# E0FFFF | Светлый голубой |
# EBF4FA | вода |
# F0F8FF | AliceBlue |
# F0FFFF | лазурь |
#CCFFFF | Свет овой шифер |
# 93FFE8 | Легкий аквамарин |
# 9AFEFF | Электрический синий |
# 7FFFD4 | Аквамарин |
# 00FFFF | Голубой или Аква |
# 7DFDFE | Трон Блю |
# 57FEFF | Синий циркон |
# 8EEBEC | Голубая лагуна |
# 50EBEC | небесный |
# 4EE2EC | Голубой бриллиант |
# 81D8D0 | Тиффани Блю |
# 92C7C7 | Cyan Opaque |
# 77BFC7 | Голубая Хоста |
# 78C7C7 | Северное сияние |
# 48CCCD | Средняя бирюза |
# 43C6DB | Бирюзовый |
# 46C7C7 | медуза |
# 7BCCB5 | Цвет морской волны |
# 43BFC7 | Ара синий зеленый |
# 3EA99F | Светло-зеленый |
# 3B9C9C | Темный бирюзовый |
# 438D80 | Морская черепаха зеленая |
#348781 | Средний аквамарин |
# 307D7E | Зеленый |
# 5E7D7E | Сероватый бирюзовый |
# 4C787E | Жук Зеленый |
#008080 | чирок |
# 4E8975 | Цвет морской волны |
# 78866B | Камуфляж зеленый |
# 848b79 | Зеленый шалфей |
# 617C58 | Хейзел Грин |
# 728C00 | Зеленый яд |
# 667C26 | Папоротник зеленый |
#254117 | Темный лес зеленый |
#306754 | Средний морской зеленый |
#347235 | Средний лес зеленый |
# 437C17 | Морские водоросли |
# 387C44 | Сосновый зеленый |
# 347C2C | Джунгли Грин |
# 347C17 | Shamrock Green |
#348017 | Средний весенний зеленый |
# 4E9258 | Зеленый лес |
# 6AA121 | Зеленый лук |
# 4AA02C | Весенний зеленый |
# 41A317 | Лайм Грин |
# 3EA055 | Зеленый клевер |
# 6CBB3C | Зеленая змея |
# 6CC417 | Чужой Грин |
# 4CC417 | Зеленое яблоко |
# 52D017 | Желто-зеленый |
# 4CC552 | Келли зеленый |
# 54C571 | Зомби-зеленый |
# 99C68E | Лягушка зеленый |
# 89C35C | Зеленый горошек |
# 85BB65 | Доллар Билл Грин |
# 8BB381 | Темное море |
# 9CB071 | Игуана Грин |
# B2C248 | Авокадо-зеленый |
# 9DC209 | Фисташковый зеленый |
# A1C935 | Зеленый салат |
# 7FE817 | Колибри Зеленый |
# 59E817 | Туманность Грин |
# 57E964 | Стоп-сигнал Go Green |
# 64E986 | Водоросли Зеленые |
# 5EFB6E | Нефрит зеленый |
# 00FF00 | зеленый |
# 5FFB17 | Изумрудно-зеленый |
# 87F717 | Зеленый газон |
# 8AFB17 | картезианский монастырь |
# 6AFB92 | Зеленый дракон |
# 98FF98 | мятно-зеленый |
# B5EAAA | Зеленый большой палец |
# C3FDB8 | Легкий нефрит |
# CCFB5D | Чай зеленый |
# B1FB17 | Желто-зеленый |
# BCE954 | Слизь зеленый |
# EDDA74 | Goldenrod |
# EDE275 | Урожайное золото |
# FFE87C | Солнце |
# FFFF00 | желтый |
# FFF380 | Кукуруза желтая |
# FFFFC2 | Пергамент |
#FFFFCC | Крем |
# FFF8C6 | Лимонный шифон |
# FFF8DC | Кукурузные рыльца |
# F5F5DC | Бежевый |
# FBF6D9 | Блондинка |
# FAEBD7 | AntiqueWhite |
# F7E7CE | шампанское |
#FFEBCD | BlanchedAlmond |
# F3E5AB | ваниль |
# ECE5B6 | Тан Браун |
# FFE5B4 | персик |
# FFDB58 | горчичный |
# FFD801 | Резиновый Ducky Yellow |
# FDD017 | Яркое золото |
# EAC117 | золотисто-коричневый |
# F2BB66 | Макароны с сыром |
# FBB917 | шафран |
# FBB117 | Пиво |
# FFA62F | Мускусная дыня |
# E9AB17 | Пчела Желтая |
# E2A76F | Коричневый сахар |
# DEB887 | BurlyWood |
# FFCBA4 | Глубокий персик |
# C9BE62 | Имбирь Браун |
# E8A317 | Школьный автобус желтый |
# EE9A4D | Сэнди Браун |
# C8B560 | Падение листьев |
# D4A017 | Оранжевое золото |
# C2B280 | песок |
# C7A317 | Коричневый Печенье |
# C68E17 | карамель |
# B5A642 | Латунь |
# ADA96 в | Хаки |
# C19A6B | Верблюд коричневый |
# CD7F32 | бронза |
# C88141 | Тигр Оранж |
# C58917 | корица |
# AF9B60 | Bullet Shell |
# AF7817 | Темный Goldenrod |
# B87333 | медь |
# 966F33 | Дерево |
#806517 | Дуб Браун |
#827839 | мокасин |
# 827B60 | Армия Браун |
# 786D5F | песчаник |
# 493D26 | кофе мокко |
# 483C32 | темно-серый |
# 6F4E37 | Кофе |
# 835C3B | Бурый медведь |
# 7F5217 | Красная грязь |
# 7F462C | сепия |
# C47451 | Оранжевый лосось |
# C36241 | Ржавчина |
# C35817 | Рыжая лиса |
# C85A17 | Шоколад |
# CC6600 | Sedona |
# E56717 | Папайя апельсин |
# E66C2C | Хэллоуин Оранж |
# F87217 | Тыква оранжевый |
# F87431 | Строительство Cone Orange |
# E67451 | Восход Оранжевый |
# FF8040 | Манго Оранж |
# F88017 | Темный оранжевый |
# FF7F50 | коралловый |
# F88158 | Баскетбол Оранжевый |
# F9966B | Легкий лосось |
# E78A61 | мандарин |
# E18B6B | Темный лосось |
# E77471 | Светлый коралл |
# F75D59 | Бин красный |
# E55451 | Валентин Красный |
# E55B3C | Шокирующий Оранжевый |
# FF0000 | красный |
# FF2400 | алый |
# F62217 | Рубиново-красный |
# F70D1A | Ferrari Red |
# F62817 | Пожарная машина |
# E42217 | Лава красный |
# E41B17 | Любовь Красная |
# DC381F | Грейпфрут |
# C34A2C | Честнат красный |
# C24641 | Черри красный |
# C04000 | красное дерево |
# C11B17 | Перец чили |
# 9F000F | Клюква |
#990012 | Красное вино |
# 8C001A | Бургундия |
#954535 | каштан |
# 7E3517 | Кроваво красный |
# 8A4117 | охра |
# 7E3817 | сангрия |
#800517 | огнеупорный кирпич |
#810541 | каштановый |
# 7D0541 | Сливочный пирог |
# 7E354D | Бархатный мрамор |
# 7D0552 | Слива бархат |
# 7F4E52 | Розовый Финч |
# 7F5A58 | красновато-коричневый |
# 7F525D | Тусклый фиолетовый |
# B38481 | Розовый Браун |
# C5908E | Хаки Роуз |
# C48189 | Розовый лук |
# C48793 | Губная помада Розовая |
# E8ADAA | Роза |
# ECC5C0 | Розовое золото |
# EDC9AF | Песок пустыни |
# FDD7E4 | Свинья Розовый |
#FCDFFF | Сахарная вата |
#FFDFDD | Розовая пузырьковая камедь |
# FBBBB9 | Туманная роза |
#FAAFBE | розовый |
#FAAFBA | Светло-розовый |
# F9A7B0 | Фламинго Розовый |
# E7A1B0 | Розовая роза |
# E799A3 | Розовая ромашка |
# E38AAE | Кадиллак Пинк |
# F778A1 | Гвоздика розовая |
# E56E94 | Румяна красные |
# F660AB | Ярко-розовый |
# FC6C85 | Арбуз розовый |
# F6358A | Фиолетовый Красный |
# F52887 | Темно-розовый |
# E45E9D | Розовый кекс |
# E4287C | Розовый лемонад |
# F535AA | Неоновый розовый |
# FF00FF | фуксин |
# E3319D | Dimorphotheca Magenta |
# F433FF | Яркий неоновый розовый |
# D16587 | Бледно-фиолетовый красный |
# C25A7C | Тюльпан Розовый |
# CA226B | Средний фиолетовый красный |
# C12869 | Розовый Розовый |
# C12267 | Утомленные розовые |
# C25283 | Застенчивый розовый |
# C12283 | Темная гвоздика Розовая |
# B93B8F | слива |
# 7E587E | Виола Фиолетовый |
# 571B7E | Фиолетовая радужка |
#583759 | Слива Фиолетовая |
# 4B0082 | Индиго |
# 461B7E | Фиолетовый монстр |
# 4E387E | Фиолетовый туман |
#614051 | Баклажан |
# 5E5A80 | виноград |
# 6A287E | Фиолетовый джем |
# 7D1B7E | Темная орхидея |
# A74AC7 | Фиолетовый цветок |
# B048B5 | Средняя орхидея |
# 6C2DC7 | Фиолетовый аметист |
# 842DCE | Темно-фиолетовый |
# 8D38C9 | Фиолетовый |
# 7A5DC7 | Фиолетовый мудрец Буш |
# 7F38EC | Прекрасный фиолетовый |
#8E35EF | Пурпурный |
#893BFF | Aztech Purple |
#8467D7 | Средний фиолетовый |
#A23BEC | Жасмин Фиолетовый |
#B041FF | Фиолетовый нарцисс |
#C45AEC | Тирьян Фиолетовый |
#9172EC | Крокус Фиолетовый |
#9E7BFF | Фиолетовая мимоза |
#D462FF | Гелиотроп Фиолетовый |
#E238EC | малиновый |
#C38EC7 | Фиолетовый дракон |
#C8A2C8 | Сирень |
#E6A9EC | Румяна Розовый |
#E0B0FF | розовато-лиловый |
#C6AEC7 | Вистерия Фиолетовый |
#F9B7FF | Цветущий Розовый |
#D2B9D3 | чертополох |
#E9CFEC | барвинок малый |
#EBDDE2 | Лаванда Пиноккио |
#E3E4FA | Лаванда синяя |
#FDEEF4 | жемчужный |
#FFF5EE | Морская ракушка |
#FEFCFF | Молочный белый |
#FFFFFF | белый |
Код цвета HTML для #FF0000
Цвета, которые составляют # FF0000
W3C Название цвета: Красный
RGB: 255, 0, 0 — HSL: 0,00, 1,00, 0,50
CSS Сокращение: #F00
Web Safe Цвет: Да
Пример цвета текста с использованием #FF0000
Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.