золотой цвет градиент код

Таблица цветовых кодов RGB

Палитра цветов RGB

Таблица цветовых кодов RGB

Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Шестнадцатеричный: #
Красный:
Зеленый:
Синий:

Цветовое пространство RGB

Красный, зеленый и синий используют по 8 бит каждый, которые имеют целочисленные значения от 0 до 255. Это дает 256 * 256 * 256 = 16777216 возможных цветов.

RGB ≡ красный, зеленый, синий

Таким образом, каждый пиксель на светодиодном мониторе отображает цвета за счет комбинации красного, зеленого и синего светодиодов (светоизлучающих диодов).

Когда красный пиксель установлен на 0, светодиод выключен. Когда красный пиксель установлен на 255, светодиод будет полностью включен.

Любое значение между ними устанавливает частичное излучение светодиода.

Цветовой формат и расчет RGB

Код RGB имеет формат 24 бита (биты 0..23):

КРАСНЫЙ [7: 0]ЗЕЛЕНЫЙ [7: 0]СИНИЙ [7: 0]
231615870

Примеры расчетов

Белый цвет 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

Источник

Цветовые пространства: большой разбор

Всё, что нужно знать о CMYK, RGB, HSL, HSB, LAB и чистых градиентах.

Для работы с цветом необходимо хорошо понимать, как он устроен. Есть системы представления цвета, с которыми дизайнер сталкивается каждый день. Но есть и другие, не столь популярные модели. Разберёмся, как они устроены, чем отличаются и как эти знания можно применить на практике.

золотой цвет градиент код. 17352530062021 5b96f02522b9cef7ee34220880b50756bc4bb004. золотой цвет градиент код фото. золотой цвет градиент код-17352530062021 5b96f02522b9cef7ee34220880b50756bc4bb004. картинка золотой цвет градиент код. картинка 17352530062021 5b96f02522b9cef7ee34220880b50756bc4bb004. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Ведущий интерфейсный дизайнер в K&K TEAM, увлечён дизайном, технологиями и людьми. В свободное время ведёт Telegram-канал «Karoza Ҩ»

Воспроизводимые представления цвета

Цветовые модели RGB и CMYK соответствуют физическому представлению цвета на носителе. RGB отвечает за то, с какой интенсивностью светятся диоды красного, зелёного и синего цветов внутри пикселя монитора. CMYK задает пропорции смешиваемой краски на листе бумаги.

Цветовое пространство CMYK — субтрактивное: если сложить все цветовые компоненты, то итоговый цвет будет чёрным. По этому же принципу работают обычные краски, а потому пространство CMYK используется в полиграфии. Через процентные соотношения в нём записаны пропорции смешения четырёх красок: бирюзовой ( Cian), пурпурной ( Magenta), жёлтой ( Yellow) и чёрной ( Key color, blac K). Интенсивность каждого цвета задаётся в процентах от 0 до 100.

Дизайнеры, работающие с печатью, знают, что не все видимые на экране цвета возможно воспроизвести в CMYK. Связано это с тем, что модель RGB ― с ней работает монитор ― построена на излучении света, а CMYK ― на поглощении.

золотой цвет градиент код. 13525430062021 39a1aca306cbeac5603a1faf5886ae200ffd8755. золотой цвет градиент код фото. золотой цвет градиент код-13525430062021 39a1aca306cbeac5603a1faf5886ae200ffd8755. картинка золотой цвет градиент код. картинка 13525430062021 39a1aca306cbeac5603a1faf5886ae200ffd8755. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Для более точного отображения цветов при печати требуется допечатная подготовка. Во время неё экранные цвета пространства RGB переводятся в CMYK, чтобы получаемые оттенки на экране и бумаге были максимально приближены друг к другу.

Pantone — американская компания, основанная в 50-е годы в Нью-Йорке и занимающаяся производством пигментов и продажей чернил. Компания разработала систему стандартизации цветов Pantone Matching System (PMS), в которой каждому цвету присваивается специальный код.

Поскольку не все цвета можно воспроизвести в CMYK наложением четырёх стандартных красок во время печати, в полиграфии существует дополнительная палитра Pantone. Например, серый и жёлтый, которые Pantone выбрала в качестве цветов 2021 года, получить наложением палитры CMYK на листе невозможно.

золотой цвет градиент код. 13535930062021 d3b8f077959a9d5277c8e7308601b28e3937f792. золотой цвет градиент код фото. золотой цвет градиент код-13535930062021 d3b8f077959a9d5277c8e7308601b28e3937f792. картинка золотой цвет градиент код. картинка 13535930062021 d3b8f077959a9d5277c8e7308601b28e3937f792. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Выбор цветов Pantone шире, потому что его на бумагу наносят одной краской, тон которой получен смешением пигментов ещё на фабрике. Также цвета Pantone используют при печати больших тиражей в один-три цвета.

PMS — Pantone Matching System — система подбора цвета, но не цветовое пространство, так как у цветов есть код, но нет значений цветовых координат.

CMYK используется в полиграфии для печати фотографий и цветных иллюстраций, небольших тиражей, а также в домашних и офисных принтерах.

RGB ― это цветовое пространство, здесь каждый цвет задаётся в виде трёх координат. Смешение цвета происходит по аддитивному принципу ― если сложить все три основных цвета, то результат будет не чёрным, а белым. Поэтому RGB используется в системах, построенных на излучении света, что делает её самой распространённой ― с ней работают все экраны.

Цветовой оттенок в RGB создаётся смешиванием красного ( Red), зелёного ( Green) и синего ( Blue) каналов с разной интенсивностью излучения. Яркость каждого из трёх основных цветов закодирована числом от 0 до 255, то есть занимает 256 бит или 32 байта.

Например, RGB (90, 0, 157) соответствует фиолетовому, а RGB (255, 223, 0) — жёлтому.

золотой цвет градиент код. 13524930062021 2b2cd940eccee1dc4924f70056feba159f808310. золотой цвет градиент код фото. золотой цвет градиент код-13524930062021 2b2cd940eccee1dc4924f70056feba159f808310. картинка золотой цвет градиент код. картинка 13524930062021 2b2cd940eccee1dc4924f70056feba159f808310. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Для удобства записи придуманы HEX-коды обозначения цветов, в которых интенсивность каждого из трёх цветов задаётся через двузначное число в шестнадцатеричной системе, что даёт те же 256 комбинаций или 32 байта, ведь
16 × 16 = 256.

В шестнадцатеричной системе цифры обозначаются от 0 до F, в результате
HEX-коды выглядят вот так: #5A009D — фиолетовый, #FFDF00 — жёлтый. Преимущество такой записи ― стандартизация и удобство копирования короткого цветового значения.

Иногда HEX-код в CSS или графических редакторах содержит только три знака, в таком случае каждый второй символ в записи с овпадает с первым. То есть #F45 интерпретируется как #FF4455, #000 — #00000.

золотой цвет градиент код. 13560830062021 bef763277f1ebc5fd63b750eab0aac4aa0baa807. золотой цвет градиент код фото. золотой цвет градиент код-13560830062021 bef763277f1ebc5fd63b750eab0aac4aa0baa807. картинка золотой цвет градиент код. картинка 13560830062021 bef763277f1ebc5fd63b750eab0aac4aa0baa807. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Поскольку с цветовым пространством RGB работают все экраны, то применяется оно практически везде ― от разработки макетов для печати (цвета переводятся в CMYK в самом финале) до разработки сайтов и интерфейсов.

Свойства цвета

Перед тем как перейти к следующему разделу, нужно разобраться в некоторых определениях колористики — науки, изучающей свойства цвета.

Важные понятия

Цветовой тон (Hue) — положение цвета в видимом спектре. Человеческий глаз различает цвета от красного до фиолетового, цветовой тон ― это место цвета в спектре. Красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый — всё это цветовые тона.

золотой цвет градиент код. 13564430062021 9eb58857d69851775fea86bc565fb66e3d0b240f. золотой цвет градиент код фото. золотой цвет градиент код-13564430062021 9eb58857d69851775fea86bc565fb66e3d0b240f. картинка золотой цвет градиент код. картинка 13564430062021 9eb58857d69851775fea86bc565fb66e3d0b240f. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Насыщенность (Saturation) — интенсивность цвета, красочность, степень отличия цвета от равного по светлоте серого. Чем ближе цвет к серому, тем он менее насыщенный.

золотой цвет градиент код. 13572430062021 cad44105e9afc9dafe04ea38bea855425b77b17a. золотой цвет градиент код фото. золотой цвет градиент код-13572430062021 cad44105e9afc9dafe04ea38bea855425b77b17a. картинка золотой цвет градиент код. картинка 13572430062021 cad44105e9afc9dafe04ea38bea855425b77b17a. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Яркость (Brightness) — приближённость цвета к чёрному. Чем ниже яркость, тем цвет темнее. Нередко яркость путают с насыщенностью, но это разные характеристики.

золотой цвет градиент код. 13572430062021 73d90ccbfec60ef847f11e28964ced65e2d9b827. золотой цвет градиент код фото. золотой цвет градиент код-13572430062021 73d90ccbfec60ef847f11e28964ced65e2d9b827. картинка золотой цвет градиент код. картинка 13572430062021 73d90ccbfec60ef847f11e28964ced65e2d9b827. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Цилиндрические цветовые пространства

Модель RGB технически подходит для компьютеров и экранов, но в этом пространстве сложно работать, если нужно изменить что-то одно ― яркость, насыщенность или цветовой тон.

Допустим, мы используем синий цвет RGB (63, 42, 255), но для второго макета нам нужен более тёмный синий того же тона или же зелёный той же яркости и насыщенности. При изменении одной характеристики изменились сразу три параметра: синий теперь имеет значения RGB (18, 12, 77), а зелёный —
RGB (67, 255, 42).

золотой цвет градиент код. 13580530062021 d66aaf55ba0be2f6428fbc607a4a43f565743be0. золотой цвет градиент код фото. золотой цвет градиент код-13580530062021 d66aaf55ba0be2f6428fbc607a4a43f565743be0. картинка золотой цвет градиент код. картинка 13580530062021 d66aaf55ba0be2f6428fbc607a4a43f565743be0. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Поэтому в программах для дизайнеров цветовой тон настраивается полоской, а яркость и насыщенность ― через цветовое поле.

золотой цвет градиент код. 13582630062021 e2da1f44d45efb0edba83fcb19bc3c9d105dc98e. золотой цвет градиент код фото. золотой цвет градиент код-13582630062021 e2da1f44d45efb0edba83fcb19bc3c9d105dc98e. картинка золотой цвет градиент код. картинка 13582630062021 e2da1f44d45efb0edba83fcb19bc3c9d105dc98e. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Координаты цвета существуют в кубической системе RGB, но в графических редакторах управление цветом реализовано с использованием другой модели ― цилиндрической версии RGB, которая называется HSB или HSV.

золотой цвет градиент код. 13584630062021 c2eb65efc8dd19deb08b02ccb985ca88e16a1d39. золотой цвет градиент код фото. золотой цвет градиент код-13584630062021 c2eb65efc8dd19deb08b02ccb985ca88e16a1d39. картинка золотой цвет градиент код. картинка 13584630062021 c2eb65efc8dd19deb08b02ccb985ca88e16a1d39. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

В HSB цветовой тон ( Hue) задаётся в градусах на цветовом круге от 0° до 360°, а насыщенность ( Saturation) и яркость ( Brightness) в процентах от 0% до 100%.

Чтобы получить в HSB чёрный, надо уменьшить яркость до 0%, а тон и насыщенность не важны. Для получения белого нужно понизить насыщенность до 0% — то есть приблизить цвет к серому, а яркость повысить до 100%. Для получения чистых цветов яркость и насыщенность должны быть 100%.

золотой цвет градиент код. 13591830062021 00e6d19edf0648571723a4fb359aba53549d667a. золотой цвет градиент код фото. золотой цвет градиент код-13591830062021 00e6d19edf0648571723a4fb359aba53549d667a. картинка золотой цвет градиент код. картинка 13591830062021 00e6d19edf0648571723a4fb359aba53549d667a. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Иногда цветовое пространство HSB называют HSV ( H ue — цветовой тон, S aturation — насыщенность, V alue — значение). Не стоит путаться — это альтернативное название, а не другое цветовое пространство.

В CSS помимо HEX-кодов RGB применяют цилиндрическое цветовое пространство HSL, где вместо яркости ( Вrightness) используется светлота ( Lightness). HSB и HSL очень похожи, но не идентичны.

Главное отличие HSL в том, что при любых значениях тона и насыщенности светлота в 0% даст чёрный, а светлота в 100% — белый. В HSB 100% последнего параметра ― яркости — даёт наиболее яркий цвет, а белый возможен, только если насыщенность равна нулю.

золотой цвет градиент код. 14000230062021 31bd3f146137c487a1976b90172223cb6d4da627. золотой цвет градиент код фото. золотой цвет градиент код-14000230062021 31bd3f146137c487a1976b90172223cb6d4da627. картинка золотой цвет градиент код. картинка 14000230062021 31bd3f146137c487a1976b90172223cb6d4da627. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

То есть светлота в HSL отвечает за примесь чёрного или белого, освещённость. При конвертации цвета из системы HSL в HSB изменение параметра L будет влиять на два параметра сразу — S и B, неизменным сохранится только цветовой тон — H.

Цилиндрические цветовые пространства полезны в ситуациях, когда нужно управлять только одним из параметров цвета. Например, для создания палитры, где изменение основного цвета приводит к изменению цветового тона, насыщенности или светлоте дополнительных. В этом случае дополнительные цвета необходимо задавать через отклонения от основного в цилиндрической цветовой системе.

золотой цвет градиент код. 14002730062021 043cfad3dba1a0c6ec6f8091042188cadecfed37. золотой цвет градиент код фото. золотой цвет градиент код-14002730062021 043cfad3dba1a0c6ec6f8091042188cadecfed37. картинка золотой цвет градиент код. картинка 14002730062021 043cfad3dba1a0c6ec6f8091042188cadecfed37. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

В новой философии дизайна Material You компании Google цвета интерфейса подстраиваются под цвет обоев рабочего стола. Вполне возможно, что для такой автоматической подстройки применяют алгоритмы, использующие цилиндрическое цветовое пространство.

Дано: пользователи двух статусов.

Задача: автоматически создавать аватары пользователям с учётом их статуса. У одних пользователей должны быть светлые буквы на тёмном фоне, а у других — тёмные буквы на светлом.

золотой цвет градиент код. 14031730062021 bb4b4e1cf302c29810d99243c3b4d3482e2fef5a. золотой цвет градиент код фото. золотой цвет градиент код-14031730062021 bb4b4e1cf302c29810d99243c3b4d3482e2fef5a. картинка золотой цвет градиент код. картинка 14031730062021 bb4b4e1cf302c29810d99243c3b4d3482e2fef5a. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Для изменения цветового тона необходимо изменить параметр Hue, а остальные параметры сохранить. Для светлого фона используем значения HSL: [0–360°], 100%, 78%, а для тёмного — HSL: [0–360°], 100%, 30%.

В результате цветовой тон аватарок генерируется автоматически с заданной светлотой, а буквы на них хорошо читаются.

LAB и LCh

Одна из проблем пространств RGB и CMYK состоит в том, что это просто
набор значений, которыми должно оперировать устройство вывода ― принтер или экран. Реальное отображение цвета, заданного в RGB и CMYK, зависит от множества факторов. При печати ― от качества краски и печатного оборудования, плотности бумаги, влажности воздуха. На экранах — от качества монитора и его калибровки. Не говоря уже о том, что освещение также влияет на фактическое восприятие цвета глазом.

Создатели CIELAB, также известно как LAB, преследовали цель спроектировать такое цветовое пространство, которое не будет привязано к конкретному устройству и покроет весь видимый спектр. Также было важно, чтобы изменение значений координат было нелинейным и приводило к изменению цвета по логике, близкой к осознанию цвета человеком.

золотой цвет градиент код. 14050630062021 178ae943fb180dbd85da113c997e71d410f43eb6. золотой цвет градиент код фото. золотой цвет градиент код-14050630062021 178ae943fb180dbd85da113c997e71d410f43eb6. картинка золотой цвет градиент код. картинка 14050630062021 178ae943fb180dbd85da113c997e71d410f43eb6. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Значения цвета в LAB задаются через светлоту ( Lightness) и две координаты, отвечающие за хроматическую составляющую: тон и насыщенность.
A — положение цвета в диапазоне от зелёного до красного, B — от синего до жёлтого.

золотой цвет градиент код. 14052630062021 35839c05e3346b089af6b8225cce54abe41864cb. золотой цвет градиент код фото. золотой цвет градиент код-14052630062021 35839c05e3346b089af6b8225cce54abe41864cb. картинка золотой цвет градиент код. картинка 14052630062021 35839c05e3346b089af6b8225cce54abe41864cb. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Параметр L варьируется от 0 до 100, а параметры A и B в большинстве сервисов для работы с LAB имеют значения от −128 до 128, поскольку координаты A и B обозначают не просто интенсивность какого-то цвета, а спектр между двумя цветами.

Система достаточно сложная, но можно попытаться представить её как смешение четырёх цветов — зелёного, красного, синего и жёлтого. На самом насыщенном срезе цветового пространства со светлотой 100 по углам находятся: зелёный — LAB (100, −128, 128), красный — LAB (100, 128, 128), фиолетовый — LAB (100, 128, −128), бирюзовый — LAB (100, −128, −128), а в самом центре белый —
LAB (100, 0, 0). Как и в случае с RGB, настраивать цветовой тон удобнее в цилиндрической версии LAB — LCh.

Цилиндрическая версия LAB называется LCh, вместо прямоугольных в ней используются полярные координаты. Параметр C ( Chroma — хроматическая составляющая, насыщенность) отвечает за длину радиуса и удалённость от центра цветового круга, а h ( Hue) за угол поворота в градусах — то есть цветовой тон.

LAB используют как промежуточное цветовое пространство для конвертирования RGB в CMYK и наоборот, поскольку оно не привязано к конкретному носителю.

В цветокоррекции его применяют, чтобы быстро убрать желтизну или усилить естественные цвета фотографии. Некоторые цветокорректоры предпочитают LAB, если с его помощью внести изменения будет проще, нежели через корректирующие слои.

Также ранее LAB использовали для удаления шума на цифровых фотографиях. Для этого достаточно было размыть цветовые каналы A или B, а поскольку цифровой шум состоит из бледных разноцветных точек, такой подход делал их менее насыщенными.

Отдельное преимущество LAB — возможности для создания чистых градиентов между насыщенными цветами. Красивые градиенты важны не только в проектировании интерфейсов и дизайн-макетов, но и в информационном дизайне.

золотой цвет градиент код. 14071330062021 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e. золотой цвет градиент код фото. золотой цвет градиент код-14071330062021 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e. картинка золотой цвет градиент код. картинка 14071330062021 1df76a4fc6c31c6a6711f160e73ca03dbe05d16e. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Задача: создать чистый градиент между насыщенными цветами.

Проблема: из-за технических нюансов RGB между некоторыми насыщенными цветами при построении градиента возникает странный сероватый оттенок.

Пояснение: в кубической визуализации RGB самые насыщенные цвета расположены на углах куба, а центр занят ненасыщенными сероватыми тонами. Если создавать градиент из цветов, которые находятся на противоположных углах или гранях куба, прямая пройдет через ненасыщенную середину. Так произойдёт, например, с градиентами от фиолетового к зелёному или от жёлтого к синему.

золотой цвет градиент код. 14075530062021 07b0d1c02c35d8c43417ef8382f3cd2631417640. золотой цвет градиент код фото. золотой цвет градиент код-14075530062021 07b0d1c02c35d8c43417ef8382f3cd2631417640. картинка золотой цвет градиент код. картинка 14075530062021 07b0d1c02c35d8c43417ef8382f3cd2631417640. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Решение: использовать LAB-градиент.

золотой цвет градиент код. 14081730062021 5ac6b259ff8ae60132842d9aa039d1527fe11bf0. золотой цвет градиент код фото. золотой цвет градиент код-14081730062021 5ac6b259ff8ae60132842d9aa039d1527fe11bf0. картинка золотой цвет градиент код. картинка 14081730062021 5ac6b259ff8ae60132842d9aa039d1527fe11bf0. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Открываем Lch and Lab colour and gradient picker, выбираем два цвета, между которыми надо сделать переход, и вводим желаемое количество ступеней.

золотой цвет градиент код. 14082930062021 7767de152ab8deebbb48aff85482e11aef6becb6. золотой цвет градиент код фото. золотой цвет градиент код-14082930062021 7767de152ab8deebbb48aff85482e11aef6becb6. картинка золотой цвет градиент код. картинка 14082930062021 7767de152ab8deebbb48aff85482e11aef6becb6. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Копируем цвета из колонки Lab и переносим в редактор, делая линейный градиент из выбранного количества шагов.

золотой цвет градиент код. 14085430062021 bd8d6a1ac7c5d0019adddd979ce66cbf4b210b36. золотой цвет градиент код фото. золотой цвет градиент код-14085430062021 bd8d6a1ac7c5d0019adddd979ce66cbf4b210b36. картинка золотой цвет градиент код. картинка 14085430062021 bd8d6a1ac7c5d0019adddd979ce66cbf4b210b36. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Если в качестве редактора вы используете Figma, то нужно установить плагин Chromatic Figma, который автоматически исправляет градиенты через LAB. Результат будет немного отличаться от инструмента Дэвида Джонстона.

Источник

Цвета в HTML

золотой цвет градиент код. %D0%A6%D0%B2%D0%B5%D1%82%D0%B0 %D0%B2 HTML. золотой цвет градиент код фото. золотой цвет градиент код-%D0%A6%D0%B2%D0%B5%D1%82%D0%B0 %D0%B2 HTML. картинка золотой цвет градиент код. картинка %D0%A6%D0%B2%D0%B5%D1%82%D0%B0 %D0%B2 HTML. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

золотой цвет градиент код. magnify clip. золотой цвет градиент код фото. золотой цвет градиент код-magnify clip. картинка золотой цвет градиент код. картинка magnify clip. Наведите курсор на цвет, чтобы получить шестнадцатеричный и десятичный цветовые коды ниже:

Содержание

[править] Шестнадцатеричная запись

[править] Таблица основных цветов

Ниже показаны таблицы интенсивности трёх основных цветов (красного, зелёного и синего), из которых можно получить другие цвета, включая оттенки серого.

красный (ff0000)

000102030405060708090a0b0c0d0e0f
101112131415161718191a1b1c1d1e1f
202122232425262728292a2b2c2d2e2f
303132333435363738393a3b3c3d3e3f
404142434445464748494a4b4c4d4e4f
505152535455565758595a5b5c5d5e5f
606162636465666768696a6b6c6d6e6f
707172737475767778797a7b7c7d7e7f
808182838485868788898a8b8c8d8e8f
909192939495969798999a9b9c9d9e9f
a0a1a2a3a4a5a6a7a8a9aaabacadaeaf
b0b1b2b3b4b5b6b7b8b9babbbcbdbebf
c0c1c2c3c4c5c6c7c8c9cacbcccdcecf
d0d1d2d3d4d5d6d7d8d9dadbdcdddedf
e0e1e2e3e4e5e6e7e8e9eaebecedeeef
f0f1f2f3f4f5f6f7f8f9fafbfcfdfeff
зелёный (00ff00)

000102030405060708090a0b0c0d0e0f
101112131415161718191a1b1c1d1e1f
202122232425262728292a2b2c2d2e2f
303132333435363738393a3b3c3d3e3f
404142434445464748494a4b4c4d4e4f
505152535455565758595a5b5c5d5e5f
606162636465666768696a6b6c6d6e6f
707172737475767778797a7b7c7d7e7f
808182838485868788898a8b8c8d8e8f
909192939495969798999a9b9c9d9e9f
a0a1a2a3a4a5a6a7a8a9aaabacadaeaf
b0b1b2b3b4b5b6b7b8b9babbbcbdbebf
c0c1c2c3c4c5c6c7c8c9cacbcccdcecf
d0d1d2d3d4d5d6d7d8d9dadbdcdddedf
e0e1e2e3e4e5e6e7e8e9eaebecedeeef
f0f1f2f3f4f5f6f7f8f9fafbfcfdfeff
синий (0000ff)

000102030405060708090a0b0c0d0e0f
101112131415161718191a1b1c1d1e1f
202122232425262728292a2b2c2d2e2f
303132333435363738393a3b3c3d3e3f
404142434445464748494a4b4c4d4e4f
505152535455565758595a5b5c5d5e5f
606162636465666768696a6b6c6d6e6f
707172737475767778797a7b7c7d7e7f
808182838485868788898a8b8c8d8e8f
909192939495969798999a9b9c9d9e9f
a0a1a2a3a4a5a6a7a8a9aaabacadaeaf
b0b1b2b3b4b5b6b7b8b9babbbcbdbebf
c0c1c2c3c4c5c6c7c8c9cacbcccdcecf
d0d1d2d3d4d5d6d7d8d9dadbdcdddedf
e0e1e2e3e4e5e6e7e8e9eaebecedeeef
f0f1f2f3f4f5f6f7f8f9fafbfcfdfeff

Цветовая модель, основанная на смешивании в различных сочетаниях трёх основных цветов, носит название RGB (red, green, blue). [3]

[править] Дополнительные цвета

При попарном смешивании в равных пропорциях основных цветов получаются дополнительные цвета:

красный + зелёный = жёлтый (ffff00)

000102030405060708090a0b0c0d0e0f
101112131415161718191a1b1c1d1e1f
202122232425262728292a2b2c2d2e2f
303132333435363738393a3b3c3d3e3f
404142434445464748494a4b4c4d4e4f
505152535455565758595a5b5c5d5e5f
606162636465666768696a6b6c6d6e6f
707172737475767778797a7b7c7d7e7f
808182838485868788898a8b8c8d8e8f
909192939495969798999a9b9c9d9e9f
a0a1a2a3a4a5a6a7a8a9aaabacadaeaf
b0b1b2b3b4b5b6b7b8b9babbbcbdbebf
c0c1c2c3c4c5c6c7c8c9cacbcccdcecf
d0d1d2d3d4d5d6d7d8d9dadbdcdddedf
e0e1e2e3e4e5e6e7e8e9eaebecedeeef
f0f1f2f3f4f5f6f7f8f9fafbfcfdfeff
синий + зелёный = циановый (00ffff)

000102030405060708090a0b0c0d0e0f
101112131415161718191a1b1c1d1e1f
202122232425262728292a2b2c2d2e2f
303132333435363738393a3b3c3d3e3f
404142434445464748494a4b4c4d4e4f
505152535455565758595a5b5c5d5e5f
606162636465666768696a6b6c6d6e6f
707172737475767778797a7b7c7d7e7f
808182838485868788898a8b8c8d8e8f
909192939495969798999a9b9c9d9e9f
a0a1a2a3a4a5a6a7a8a9aaabacadaeaf
b0b1b2b3b4b5b6b7b8b9babbbcbdbebf
c0c1c2c3c4c5c6c7c8c9cacbcccdcecf
d0d1d2d3d4d5d6d7d8d9dadbdcdddedf
e0e1e2e3e4e5e6e7e8e9eaebecedeeef
f0f1f2f3f4f5f6f7f8f9fafbfcfdfeff
красный + синий = пурпурный (ff00ff)

000102030405060708090a0b0c0d0e0f
101112131415161718191a1b1c1d1e1f
202122232425262728292a2b2c2d2e2f
303132333435363738393a3b3c3d3e3f
404142434445464748494a4b4c4d4e4f
505152535455565758595a5b5c5d5e5f
606162636465666768696a6b6c6d6e6f
707172737475767778797a7b7c7d7e7f
808182838485868788898a8b8c8d8e8f
909192939495969798999a9b9c9d9e9f
a0a1a2a3a4a5a6a7a8a9aaabacadaeaf
b0b1b2b3b4b5b6b7b8b9babbbcbdbebf
c0c1c2c3c4c5c6c7c8c9cacbcccdcecf
d0d1d2d3d4d5d6d7d8d9dadbdcdddedf
e0e1e2e3e4e5e6e7e8e9eaebecedeeef
f0f1f2f3f4f5f6f7f8f9fafbfcfdfeff

Дополнительные цвета применяются в цветной полиграфии (цветовая модель CMYK). [4]

[править] Смешивание цветов в одинаковых пропорциях

Если все три составляющие цвета (красная, зелёная и синяя) имеют одинаковое значение интенсивности (например, #aaaaaa, #555555, #ffffff и т.п.), то цвет оказывается оттенком серого:

Оттенки серого цвета

0000000101010202020303030404040505050606060707070808080909090a0a0a0b0b0b0c0c0c0d0d0d0e0e0e0f0f0f
1010101111111212121313131414141515151616161717171818181919191a1a1a1b1b1b1c1c1c1d1d1d1e1e1e1f1f1f
2020202121212222222323232424242525252626262727272828282929292a2a2a2b2b2b2c2c2c2d2d2d2e2e2e2f2f2f
3030303131313232323333333434343535353636363737373838383939393a3a3a3b3b3b3c3c3c3d3d3d3e3e3e3f3f3f
4040404141414242424343434444444545454646464747474848484949494a4a4a4b4b4b4c4c4c4d4d4d4e4e4e4f4f4f
5050505151515252525353535454545555555656565757575858585959595a5a5a5b5b5b5c5c5c5d5d5d5e5e5e5f5f5f
6060606161616262626363636464646565656666666767676868686969696a6a6a6b6b6b6c6c6c6d6d6d6e6e6e6f6f6f
7070707171717272727373737474747575757676767777777878787979797a7a7a7b7b7b7c7c7c7d7d7d7e7e7e7f7f7f
8080808181818282828383838484848585858686868787878888888989898a8a8a8b8b8b8c8c8c8d8d8d8e8e8e8f8f8f
9090909191919292929393939494949595959696969797979898989999999a9a9a9b9b9b9c9c9c9d9d9d9e9e9e9f9f9f
a0a0a0a1a1a1a2a2a2a3a3a3a4a4a4a5a5a5a6a6a6a7a7a7a8a8a8a9a9a9aaaaaaabababacacacadadadaeaeaeafafaf
b0b0b0b1b1b1b2b2b2b3b3b3b4b4b4b5b5b5b6b6b6b7b7b7b8b8b8b9b9b9babababbbbbbbcbcbcbdbdbdbebebebfbfbf
c0c0c0c1c1c1c2c2c2c3c3c3c4c4c4c5c5c5c6c6c6c7c7c7c8c8c8c9c9c9cacacacbcbcbcccccccdcdcdcecececfcfcf
d0d0d0d1d1d1d2d2d2d3d3d3d4d4d4d5d5d5d6d6d6d7d7d7d8d8d8d9d9d9dadadadbdbdbdcdcdcdddddddedededfdfdf
e0e0e0e1e1e1e2e2e2e3e3e3e4e4e4e5e5e5e6e6e6e7e7e7e8e8e8e9e9e9eaeaeaebebebecececedededeeeeeeefefef
f0f0f0f1f1f1f2f2f2f3f3f3f4f4f4f5f5f5f6f6f6f7f7f7f8f8f8f9f9f9fafafafbfbfbfcfcfcfdfdfdfefefeffffff

[править] Градиенты между основными цветами

Градиент от красного к синему

ff0000fe0001fd0002fc0003fb0004fa0005f90006f80007f70008f60009f5000af4000bf3000cf2000df1000ef0000f
ef0010ee0011ed0012ec0013eb0014ea0015e90016e80017e70018e60019e5001ae4001be3001ce2001de1001ee0001f
df0020de0021dd0022dc0023db0024da0025d90026d80027d70028d60029d5002ad4002bd3002cd2002dd1002ed0002f
cf0030ce0031cd0032cc0033cb0034ca0035c90036c80037c70038c60039c5003ac4003bc3003cc2003dc1003ec0003f
bf0040be0041bd0042bc0043bb0044ba0045b90046b80047b70048b60049b5004ab4004bb3004cb2004db1004eb0004f
af0050ae0051ad0052ac0053ab0054aa0055a90056a80057a70058a60059a5005aa4005ba3005ca2005da1005ea0005f
9f00609e00619d00629c00639b00649a006599006698006797006896006995006a94006b93006c92006d91006e90006f
8f00708e00718d00728c00738b00748a007589007688007787007886007985007a84007b83007c82007d81007e80007f
7f00807e00817d00827c00837b00847a008579008678008777008876008975008a74008b73008c72008d71008e70008f
6f00906e00916d00926c00936b00946a009569009668009767009866009965009a64009b63009c62009d61009e60009f
5f00a05e00a15d00a25c00a35b00a45a00a55900a65800a75700a85600a95500aa5400ab5300ac5200ad5100ae5000af
4f00b04e00b14d00b24c00b34b00b44a00b54900b64800b74700b84600b94500ba4400bb4300bc4200bd4100be4000bf
3f00c03e00c13d00c23c00c33b00c43a00c53900c63800c73700c83600c93500ca3400cb3300cc3200cd3100ce3000cf
2f00d02e00d12d00d22c00d32b00d42a00d52900d62800d72700d82600d92500da2400db2300dc2200dd2100de2000df
1f00e01e00e11d00e21c00e31b00e41a00e51900e61800e71700e81600e91500ea1400eb1300ec1200ed1100ee1000ef
0f00f00e00f10d00f20c00f30b00f40a00f50900f60800f70700f80600f90500fa0400fb0300fc0200fd0100fe0000ff
Градиент от синего к зелёному

0000ff0001fe0002fd0003fc0004fb0005fa0006f90007f80008f70009f6000af5000bf4000cf3000df2000ef1000ff0
0010ef0011ee0012ed0013ec0014eb0015ea0016e90017e80018e70019e6001ae5001be4001ce3001de2001ee1001fe0
0020df0021de0022dd0023dc0024db0025da0026d90027d80028d70029d6002ad5002bd4002cd3002dd2002ed1002fd0
0030cf0031ce0032cd0033cc0034cb0035ca0036c90037c80038c70039c6003ac5003bc4003cc3003dc2003ec1003fc0
0040bf0041be0042bd0043bc0044bb0045ba0046b90047b80048b70049b6004ab5004bb4004cb3004db2004eb1004fb0
0050af0051ae0052ad0053ac0054ab0055aa0056a90057a80058a70059a6005aa5005ba4005ca3005da2005ea1005fa0
00609f00619e00629d00639c00649b00659a006699006798006897006996006a95006b94006c93006d92006e91006f90
00708f00718e00728d00738c00748b00758a007689007788007887007986007a85007b84007c83007d82007e81007f80
00807f00817e00827d00837c00847b00857a008679008778008877008976008a75008b74008c73008d72008e71008f70
00906f00916e00926d00936c00946b00956a009669009768009867009966009a65009b64009c63009d62009e61009f60
00a05f00a15e00a25d00a35c00a45b00a55a00a65900a75800a85700a95600aa5500ab5400ac5300ad5200ae5100af50
00b04f00b14e00b24d00b34c00b44b00b54a00b64900b74800b84700b94600ba4500bb4400bc4300bd4200be4100bf40
00c03f00c13e00c23d00c33c00c43b00c53a00c63900c73800c83700c93600ca3500cb3400cc3300cd3200ce3100cf30
00d02f00d12e00d22d00d32c00d42b00d52a00d62900d72800d82700d92600da2500db2400dc2300dd2200de2100df20
00e01f00e11e00e21d00e31c00e41b00e51a00e61900e71800e81700e91600ea1500eb1400ec1300ed1200ee1100ef10
00f00f00f10e00f20d00f30c00f40b00f50a00f60900f70800f80700f90600fa0500fb0400fc0300fd0200fe0100ff00
Градиент от зелёного к красному

00ff0001fe0002fd0003fc0004fb0005fa0006f90007f80008f70009f6000af5000bf4000cf3000df2000ef1000ff000
10ef0011ee0012ed0013ec0014eb0015ea0016e90017e80018e70019e6001ae5001be4001ce3001de2001ee1001fe000
20df0021de0022dd0023dc0024db0025da0026d90027d80028d70029d6002ad5002bd4002cd3002dd2002ed1002fd000
30cf0031ce0032cd0033cc0034cb0035ca0036c90037c80038c70039c6003ac5003bc4003cc3003dc2003ec1003fc000
40bf0041be0042bd0043bc0044bb0045ba0046b90047b80048b70049b6004ab5004bb4004cb3004db2004eb1004fb000
50af0051ae0052ad0053ac0054ab0055aa0056a90057a80058a70059a6005aa5005ba4005ca3005da2005ea1005fa000
609f00619e00629d00639c00649b00659a006699006798006897006996006a95006b94006c93006d92006e91006f9000
708f00718e00728d00738c00748b00758a007689007788007887007986007a85007b84007c83007d82007e81007f8000
807f00817e00827d00837c00847b00857a008679008778008877008976008a75008b74008c73008d72008e71008f7000
906f00916e00926d00936c00946b00956a009669009768009867009966009a65009b64009c63009d62009e61009f6000
a05f00a15e00a25d00a35c00a45b00a55a00a65900a75800a85700a95600aa5500ab5400ac5300ad5200ae5100af5000
b04f00b14e00b24d00b34c00b44b00b54a00b64900b74800b84700b94600ba4500bb4400bc4300bd4200be4100bf4000
c03f00c13e00c23d00c33c00c43b00c53a00c63900c73800c83700c93600ca3500cb3400cc3300cd3200ce3100cf3000
d02f00d12e00d22d00d32c00d42b00d52a00d62900d72800d82700d92600da2500db2400dc2300dd2200de2100df2000
e01f00e11e00e21d00e31c00e41b00e51a00e61900e71800e81700e91600ea1500eb1400ec1300ed1200ee1100ef1000
f00f00f10e00f20d00f30c00f40b00f50a00f60900f70800f80700f90600fa0500fb0400fc0300fd0200fe0100ff0000

[править] Градиенты между дополнительными цветами

Градиент от цианового к пурпурному

00ffff01feff02fdff03fcff04fbff05faff06f9ff07f8ff08f7ff09f6ff0af5ff0bf4ff0cf3ff0df2ff0ef1ff0ff0ff
10efff11eeff12edff13ecff14ebff15eaff16e9ff17e8ff18e7ff19e6ff1ae5ff1be4ff1ce3ff1de2ff1ee1ff1fe0ff
20dfff21deff22ddff23dcff24dbff25daff26d9ff27d8ff28d7ff29d6ff2ad5ff2bd4ff2cd3ff2dd2ff2ed1ff2fd0ff
30cfff31ceff32cdff33ccff34cbff35caff36c9ff37c8ff38c7ff39c6ff3ac5ff3bc4ff3cc3ff3dc2ff3ec1ff3fc0ff
40bfff41beff42bdff43bcff44bbff45baff46b9ff47b8ff48b7ff49b6ff4ab5ff4bb4ff4cb3ff4db2ff4eb1ff4fb0ff
50afff51aeff52adff53acff54abff55aaff56a9ff57a8ff58a7ff59a6ff5aa5ff5ba4ff5ca3ff5da2ff5ea1ff5fa0ff
609fff619eff629dff639cff649bff659aff6699ff6798ff6897ff6996ff6a95ff6b94ff6c93ff6d92ff6e91ff6f90ff
708fff718eff728dff738cff748bff758aff7689ff7788ff7887ff7986ff7a85ff7b84ff7c83ff7d82ff7e81ff7f80ff
807fff817eff827dff837cff847bff857aff8679ff8778ff8877ff8976ff8a75ff8b74ff8c73ff8d72ff8e71ff8f70ff
906fff916eff926dff936cff946bff956aff9669ff9768ff9867ff9966ff9a65ff9b64ff9c63ff9d62ff9e61ff9f60ff
a05fffa15effa25dffa35cffa45bffa55affa659ffa758ffa857ffa956ffaa55ffab54ffac53ffad52ffae51ffaf50ff
b04fffb14effb24dffb34cffb44bffb54affb649ffb748ffb847ffb946ffba45ffbb44ffbc43ffbd42ffbe41ffbf40ff
c03fffc13effc23dffc33cffc43bffc53affc639ffc738ffc837ffc936ffca35ffcb34ffcc33ffcd32ffce31ffcf30ff
d02fffd12effd22dffd32cffd42bffd52affd629ffd728ffd827ffd926ffda25ffdb24ffdc23ffdd22ffde21ffdf20ff
e01fffe11effe21dffe31cffe41bffe51affe619ffe718ffe817ffe916ffea15ffeb14ffec13ffed12ffee11ffef10ff
f00ffff10efff20dfff30cfff40bfff50afff609fff708fff807fff906fffa05fffb04fffc03fffd02fffe01ffff00ff
Градиент от пурпурного к жёлтому

ff00ffff01feff02fdff03fcff04fbff05faff06f9ff07f8ff08f7ff09f6ff0af5ff0bf4ff0cf3ff0df2ff0ef1ff0ff0
ff10efff11eeff12edff13ecff14ebff15eaff16e9ff17e8ff18e7ff19e6ff1ae5ff1be4ff1ce3ff1de2ff1ee1ff1fe0
ff20dfff21deff22ddff23dcff24dbff25daff26d9ff27d8ff28d7ff29d6ff2ad5ff2bd4ff2cd3ff2dd2ff2ed1ff2fd0
ff30cfff31ceff32cdff33ccff34cbff35caff36c9ff37c8ff38c7ff39c6ff3ac5ff3bc4ff3cc3ff3dc2ff3ec1ff3fc0
ff40bfff41beff42bdff43bcff44bbff45baff46b9ff47b8ff48b7ff49b6ff4ab5ff4bb4ff4cb3ff4db2ff4eb1ff4fb0
ff50afff51aeff52adff53acff54abff55aaff56a9ff57a8ff58a7ff59a6ff5aa5ff5ba4ff5ca3ff5da2ff5ea1ff5fa0
ff609fff619eff629dff639cff649bff659aff6699ff6798ff6897ff6996ff6a95ff6b94ff6c93ff6d92ff6e91ff6f90
ff708fff718eff728dff738cff748bff758aff7689ff7788ff7887ff7986ff7a85ff7b84ff7c83ff7d82ff7e81ff7f80
ff807fff817eff827dff837cff847bff857aff8679ff8778ff8877ff8976ff8a75ff8b74ff8c73ff8d72ff8e71ff8f70
ff906fff916eff926dff936cff946bff956aff9669ff9768ff9867ff9966ff9a65ff9b64ff9c63ff9d62ff9e61ff9f60
ffa05fffa15effa25dffa35cffa45bffa55affa659ffa758ffa857ffa956ffaa55ffab54ffac53ffad52ffae51ffaf50
ffb04fffb14effb24dffb34cffb44bffb54affb649ffb748ffb847ffb946ffba45ffbb44ffbc43ffbd42ffbe41ffbf40
ffc03fffc13effc23dffc33cffc43bffc53affc639ffc738ffc837ffc936ffca35ffcb34ffcc33ffcd32ffce31ffcf30
ffd02fffd12effd22dffd32cffd42bffd52affd629ffd728ffd827ffd926ffda25ffdb24ffdc23ffdd22ffde21ffdf20
ffe01fffe11effe21dffe31cffe41bffe51affe619ffe718ffe817ffe916ffea15ffeb14ffec13ffed12ffee11ffef10
fff00ffff10efff20dfff30cfff40bfff50afff609fff708fff807fff906fffa05fffb04fffc03fffd02fffe01ffff00
Градиент от жёлтого к циановому

ffff00feff01fdff02fcff03fbff04faff05f9ff06f8ff07f7ff08f6ff09f5ff0af4ff0bf3ff0cf2ff0df1ff0ef0ff0f
efff10eeff11edff12ecff13ebff14eaff15e9ff16e8ff17e7ff18e6ff19e5ff1ae4ff1be3ff1ce2ff1de1ff1ee0ff1f
dfff20deff21ddff22dcff23dbff24daff25d9ff26d8ff27d7ff28d6ff29d5ff2ad4ff2bd3ff2cd2ff2dd1ff2ed0ff2f
cfff30ceff31cdff32ccff33cbff34caff35c9ff36c8ff37c7ff38c6ff39c5ff3ac4ff3bc3ff3cc2ff3dc1ff3ec0ff3f
bfff40beff41bdff42bcff43bbff44baff45b9ff46b8ff47b7ff48b6ff49b5ff4ab4ff4bb3ff4cb2ff4db1ff4eb0ff4f
afff50aeff51adff52acff53abff54aaff55a9ff56a8ff57a7ff58a6ff59a5ff5aa4ff5ba3ff5ca2ff5da1ff5ea0ff5f
9fff609eff619dff629cff639bff649aff6599ff6698ff6797ff6896ff6995ff6a94ff6b93ff6c92ff6d91ff6e90ff6f
8fff708eff718dff728cff738bff748aff7589ff7688ff7787ff7886ff7985ff7a84ff7b83ff7c82ff7d81ff7e80ff7f
7fff807eff817dff827cff837bff847aff8579ff8678ff8777ff8876ff8975ff8a74ff8b73ff8c72ff8d71ff8e70ff8f
6fff906eff916dff926cff936bff946aff9569ff9668ff9767ff9866ff9965ff9a64ff9b63ff9c62ff9d61ff9e60ff9f
5fffa05effa15dffa25cffa35bffa45affa559ffa658ffa757ffa856ffa955ffaa54ffab53ffac52ffad51ffae50ffaf
4fffb04effb14dffb24cffb34bffb44affb549ffb648ffb747ffb846ffb945ffba44ffbb43ffbc42ffbd41ffbe40ffbf
3fffc03effc13dffc23cffc33bffc43affc539ffc638ffc737ffc836ffc935ffca34ffcb33ffcc32ffcd31ffce30ffcf
2fffd02effd12dffd22cffd32bffd42affd529ffd628ffd727ffd826ffd925ffda24ffdb23ffdc22ffdd21ffde20ffdf
1fffe01effe11dffe21cffe31bffe41affe519ffe618ffe717ffe816ffe915ffea14ffeb13ffec12ffed11ffee10ffef
0ffff00efff10dfff20cfff30bfff40afff509fff608fff707fff806fff905fffa04fffb03fffc02fffd01fffe00ffff

[править] Градиенты между основным и дополнительным цветом

[править] Между близкими цветами

В показанной ниже записи цветов присутствуют значения 00 и ff, и изменяется только один основной цвет.

Градиент от красного к жёлтому

ff0000ff0100ff0200ff0300ff0400ff0500ff0600ff0700ff0800ff0900ff0a00ff0b00ff0c00ff0d00ff0e00ff0f00
ff1000ff1100ff1200ff1300ff1400ff1500ff1600ff1700ff1800ff1900ff1a00ff1b00ff1c00ff1d00ff1e00ff1f00
ff2000ff2100ff2200ff2300ff2400ff2500ff2600ff2700ff2800ff2900ff2a00ff2b00ff2c00ff2d00ff2e00ff2f00
ff3000ff3100ff3200ff3300ff3400ff3500ff3600ff3700ff3800ff3900ff3a00ff3b00ff3c00ff3d00ff3e00ff3f00
ff4000ff4100ff4200ff4300ff4400ff4500ff4600ff4700ff4800ff4900ff4a00ff4b00ff4c00ff4d00ff4e00ff4f00
ff5000ff5100ff5200ff5300ff5400ff5500ff5600ff5700ff5800ff5900ff5a00ff5b00ff5c00ff5d00ff5e00ff5f00
ff6000ff6100ff6200ff6300ff6400ff6500ff6600ff6700ff6800ff6900ff6a00ff6b00ff6c00ff6d00ff6e00ff6f00
ff7000ff7100ff7200ff7300ff7400ff7500ff7600ff7700ff7800ff7900ff7a00ff7b00ff7c00ff7d00ff7e00ff7f00
ff8000ff8100ff8200ff8300ff8400ff8500ff8600ff8700ff8800ff8900ff8a00ff8b00ff8c00ff8d00ff8e00ff8f00
ff9000ff9100ff9200ff9300ff9400ff9500ff9600ff9700ff9800ff9900ff9a00ff9b00ff9c00ff9d00ff9e00ff9f00
ffa000ffa100ffa200ffa300ffa400ffa500ffa600ffa700ffa800ffa900ffaa00ffab00ffac00ffad00ffae00ffaf00
ffb000ffb100ffb200ffb300ffb400ffb500ffb600ffb700ffb800ffb900ffba00ffbb00ffbc00ffbd00ffbe00ffbf00
ffc000ffc100ffc200ffc300ffc400ffc500ffc600ffc700ffc800ffc900ffca00ffcb00ffcc00ffcd00ffce00ffcf00
ffd000ffd100ffd200ffd300ffd400ffd500ffd600ffd700ffd800ffd900ffda00ffdb00ffdc00ffdd00ffde00ffdf00
ffe000ffe100ffe200ffe300ffe400ffe500ffe600ffe700ffe800ffe900ffea00ffeb00ffec00ffed00ffee00ffef00
fff000fff100fff200fff300fff400fff500fff600fff700fff800fff900fffa00fffb00fffc00fffd00fffe00ffff00
Градиент от жёлтого к зелёному

ffff00feff00fdff00fcff00fbff00faff00f9ff00f8ff00f7ff00f6ff00f5ff00f4ff00f3ff00f2ff00f1ff00f0ff00
efff00eeff00edff00ecff00ebff00eaff00e9ff00e8ff00e7ff00e6ff00e5ff00e4ff00e3ff00e2ff00e1ff00e0ff00
dfff00deff00ddff00dcff00dbff00daff00d9ff00d8ff00d7ff00d6ff00d5ff00d4ff00d3ff00d2ff00d1ff00d0ff00
cfff00ceff00cdff00ccff00cbff00caff00c9ff00c8ff00c7ff00c6ff00c5ff00c4ff00c3ff00c2ff00c1ff00c0ff00
bfff00beff00bdff00bcff00bbff00baff00b9ff00b8ff00b7ff00b6ff00b5ff00b4ff00b3ff00b2ff00b1ff00b0ff00
afff00aeff00adff00acff00abff00aaff00a9ff00a8ff00a7ff00a6ff00a5ff00a4ff00a3ff00a2ff00a1ff00a0ff00
9fff009eff009dff009cff009bff009aff0099ff0098ff0097ff0096ff0095ff0094ff0093ff0092ff0091ff0090ff00
8fff008eff008dff008cff008bff008aff0089ff0088ff0087ff0086ff0085ff0084ff0083ff0082ff0081ff0080ff00
7fff007eff007dff007cff007bff007aff0079ff0078ff0077ff0076ff0075ff0074ff0073ff0072ff0071ff0070ff00
6fff006eff006dff006cff006bff006aff0069ff0068ff0067ff0066ff0065ff0064ff0063ff0062ff0061ff0060ff00
5fff005eff005dff005cff005bff005aff0059ff0058ff0057ff0056ff0055ff0054ff0053ff0052ff0051ff0050ff00
4fff004eff004dff004cff004bff004aff0049ff0048ff0047ff0046ff0045ff0044ff0043ff0042ff0041ff0040ff00
3fff003eff003dff003cff003bff003aff0039ff0038ff0037ff0036ff0035ff0034ff0033ff0032ff0031ff0030ff00
2fff002eff002dff002cff002bff002aff0029ff0028ff0027ff0026ff0025ff0024ff0023ff0022ff0021ff0020ff00
1fff001eff001dff001cff001bff001aff0019ff0018ff0017ff0016ff0015ff0014ff0013ff0012ff0011ff0010ff00
0fff000eff000dff000cff000bff000aff0009ff0008ff0007ff0006ff0005ff0004ff0003ff0002ff0001ff0000ff00
Градиент от зелёного к циановому

00ff0000ff0100ff0200ff0300ff0400ff0500ff0600ff0700ff0800ff0900ff0a00ff0b00ff0c00ff0d00ff0e00ff0f
00ff1000ff1100ff1200ff1300ff1400ff1500ff1600ff1700ff1800ff1900ff1a00ff1b00ff1c00ff1d00ff1e00ff1f
00ff2000ff2100ff2200ff2300ff2400ff2500ff2600ff2700ff2800ff2900ff2a00ff2b00ff2c00ff2d00ff2e00ff2f
00ff3000ff3100ff3200ff3300ff3400ff3500ff3600ff3700ff3800ff3900ff3a00ff3b00ff3c00ff3d00ff3e00ff3f
00ff4000ff4100ff4200ff4300ff4400ff4500ff4600ff4700ff4800ff4900ff4a00ff4b00ff4c00ff4d00ff4e00ff4f
00ff5000ff5100ff5200ff5300ff5400ff5500ff5600ff5700ff5800ff5900ff5a00ff5b00ff5c00ff5d00ff5e00ff5f
00ff6000ff6100ff6200ff6300ff6400ff6500ff6600ff6700ff6800ff6900ff6a00ff6b00ff6c00ff6d00ff6e00ff6f
00ff7000ff7100ff7200ff7300ff7400ff7500ff7600ff7700ff7800ff7900ff7a00ff7b00ff7c00ff7d00ff7e00ff7f
00ff8000ff8100ff8200ff8300ff8400ff8500ff8600ff8700ff8800ff8900ff8a00ff8b00ff8c00ff8d00ff8e00ff8f
00ff9000ff9100ff9200ff9300ff9400ff9500ff9600ff9700ff9800ff9900ff9a00ff9b00ff9c00ff9d00ff9e00ff9f
00ffa000ffa100ffa200ffa300ffa400ffa500ffa600ffa700ffa800ffa900ffaa00ffab00ffac00ffad00ffae00ffaf
00ffb000ffb100ffb200ffb300ffb400ffb500ffb600ffb700ffb800ffb900ffba00ffbb00ffbc00ffbd00ffbe00ffbf
00ffc000ffc100ffc200ffc300ffc400ffc500ffc600ffc700ffc800ffc900ffca00ffcb00ffcc00ffcd00ffce00ffcf
00ffd000ffd100ffd200ffd300ffd400ffd500ffd600ffd700ffd800ffd900ffda00ffdb00ffdc00ffdd00ffde00ffdf
00ffe000ffe100ffe200ffe300ffe400ffe500ffe600ffe700ffe800ffe900ffea00ffeb00ffec00ffed00ffee00ffef
00fff000fff100fff200fff300fff400fff500fff600fff700fff800fff900fffa00fffb00fffc00fffd00fffe00ffff
Градиент от цианового к синему

00ffff00feff00fdff00fcff00fbff00faff00f9ff00f8ff00f7ff00f6ff00f5ff00f4ff00f3ff00f2ff00f1ff00f0ff
00efff00eeff00edff00ecff00ebff00eaff00e9ff00e8ff00e7ff00e6ff00e5ff00e4ff00e3ff00e2ff00e1ff00e0ff
00dfff00deff00ddff00dcff00dbff00daff00d9ff00d8ff00d7ff00d6ff00d5ff00d4ff00d3ff00d2ff00d1ff00d0ff
00cfff00ceff00cdff00ccff00cbff00caff00c9ff00c8ff00c7ff00c6ff00c5ff00c4ff00c3ff00c2ff00c1ff00c0ff
00bfff00beff00bdff00bcff00bbff00baff00b9ff00b8ff00b7ff00b6ff00b5ff00b4ff00b3ff00b2ff00b1ff00b0ff
00afff00aeff00adff00acff00abff00aaff00a9ff00a8ff00a7ff00a6ff00a5ff00a4ff00a3ff00a2ff00a1ff00a0ff
009fff009eff009dff009cff009bff009aff0099ff0098ff0097ff0096ff0095ff0094ff0093ff0092ff0091ff0090ff
008fff008eff008dff008cff008bff008aff0089ff0088ff0087ff0086ff0085ff0084ff0083ff0082ff0081ff0080ff
007fff007eff007dff007cff007bff007aff0079ff0078ff0077ff0076ff0075ff0074ff0073ff0072ff0071ff0070ff
006fff006eff006dff006cff006bff006aff0069ff0068ff0067ff0066ff0065ff0064ff0063ff0062ff0061ff0060ff
005fff005eff005dff005cff005bff005aff0059ff0058ff0057ff0056ff0055ff0054ff0053ff0052ff0051ff0050ff
004fff004eff004dff004cff004bff004aff0049ff0048ff0047ff0046ff0045ff0044ff0043ff0042ff0041ff0040ff
003fff003eff003dff003cff003bff003aff0039ff0038ff0037ff0036ff0035ff0034ff0033ff0032ff0031ff0030ff
002fff002eff002dff002cff002bff002aff0029ff0028ff0027ff0026ff0025ff0024ff0023ff0022ff0021ff0020ff
001fff001eff001dff001cff001bff001aff0019ff0018ff0017ff0016ff0015ff0014ff0013ff0012ff0011ff0010ff
000fff000eff000dff000cff000bff000aff0009ff0008ff0007ff0006ff0005ff0004ff0003ff0002ff0001ff0000ff
Градиент от синего к пурпурному

0000ff0100ff0200ff0300ff0400ff0500ff0600ff0700ff0800ff0900ff0a00ff0b00ff0c00ff0d00ff0e00ff0f00ff
1000ff1100ff1200ff1300ff1400ff1500ff1600ff1700ff1800ff1900ff1a00ff1b00ff1c00ff1d00ff1e00ff1f00ff
2000ff2100ff2200ff2300ff2400ff2500ff2600ff2700ff2800ff2900ff2a00ff2b00ff2c00ff2d00ff2e00ff2f00ff
3000ff3100ff3200ff3300ff3400ff3500ff3600ff3700ff3800ff3900ff3a00ff3b00ff3c00ff3d00ff3e00ff3f00ff
4000ff4100ff4200ff4300ff4400ff4500ff4600ff4700ff4800ff4900ff4a00ff4b00ff4c00ff4d00ff4e00ff4f00ff
5000ff5100ff5200ff5300ff5400ff5500ff5600ff5700ff5800ff5900ff5a00ff5b00ff5c00ff5d00ff5e00ff5f00ff
6000ff6100ff6200ff6300ff6400ff6500ff6600ff6700ff6800ff6900ff6a00ff6b00ff6c00ff6d00ff6e00ff6f00ff
7000ff7100ff7200ff7300ff7400ff7500ff7600ff7700ff7800ff7900ff7a00ff7b00ff7c00ff7d00ff7e00ff7f00ff
8000ff8100ff8200ff8300ff8400ff8500ff8600ff8700ff8800ff8900ff8a00ff8b00ff8c00ff8d00ff8e00ff8f00ff
9000ff9100ff9200ff9300ff9400ff9500ff9600ff9700ff9800ff9900ff9a00ff9b00ff9c00ff9d00ff9e00ff9f00ff
a000ffa100ffa200ffa300ffa400ffa500ffa600ffa700ffa800ffa900ffaa00ffab00ffac00ffad00ffae00ffaf00ff
b000ffb100ffb200ffb300ffb400ffb500ffb600ffb700ffb800ffb900ffba00ffbb00ffbc00ffbd00ffbe00ffbf00ff
c000ffc100ffc200ffc300ffc400ffc500ffc600ffc700ffc800ffc900ffca00ffcb00ffcc00ffcd00ffce00ffcf00ff
d000ffd100ffd200ffd300ffd400ffd500ffd600ffd700ffd800ffd900ffda00ffdb00ffdc00ffdd00ffde00ffdf00ff
e000ffe100ffe200ffe300ffe400ffe500ffe600ffe700ffe800ffe900ffea00ffeb00ffec00ffed00ffee00ffef00ff
f000fff100fff200fff300fff400fff500fff600fff700fff800fff900fffa00fffb00fffc00fffd00fffe00ffff00ff
Градиент от пурпурного к красному

ff00ffff00feff00fdff00fcff00fbff00faff00f9ff00f8ff00f7ff00f6ff00f5ff00f4ff00f3ff00f2ff00f1ff00f0
ff00efff00eeff00edff00ecff00ebff00eaff00e9ff00e8ff00e7ff00e6ff00e5ff00e4ff00e3ff00e2ff00e1ff00e0
ff00dfff00deff00ddff00dcff00dbff00daff00d9ff00d8ff00d7ff00d6ff00d5ff00d4ff00d3ff00d2ff00d1ff00d0
ff00cfff00ceff00cdff00ccff00cbff00caff00c9ff00c8ff00c7ff00c6ff00c5ff00c4ff00c3ff00c2ff00c1ff00c0
ff00bfff00beff00bdff00bcff00bbff00baff00b9ff00b8ff00b7ff00b6ff00b5ff00b4ff00b3ff00b2ff00b1ff00b0
ff00afff00aeff00adff00acff00abff00aaff00a9ff00a8ff00a7ff00a6ff00a5ff00a4ff00a3ff00a2ff00a1ff00a0
ff009fff009eff009dff009cff009bff009aff0099ff0098ff0097ff0096ff0095ff0094ff0093ff0092ff0091ff0090
ff008fff008eff008dff008cff008bff008aff0089ff0088ff0087ff0086ff0085ff0084ff0083ff0082ff0081ff0080
ff007fff007eff007dff007cff007bff007aff0079ff0078ff0077ff0076ff0075ff0074ff0073ff0072ff0071ff0070
ff006fff006eff006dff006cff006bff006aff0069ff0068ff0067ff0066ff0065ff0064ff0063ff0062ff0061ff0060
ff005fff005eff005dff005cff005bff005aff0059ff0058ff0057ff0056ff0055ff0054ff0053ff0052ff0051ff0050
ff004fff004eff004dff004cff004bff004aff0049ff0048ff0047ff0046ff0045ff0044ff0043ff0042ff0041ff0040
ff003fff003eff003dff003cff003bff003aff0039ff0038ff0037ff0036ff0035ff0034ff0033ff0032ff0031ff0030
ff002fff002eff002dff002cff002bff002aff0029ff0028ff0027ff0026ff0025ff0024ff0023ff0022ff0021ff0020
ff001fff001eff001dff001cff001bff001aff0019ff0018ff0017ff0016ff0015ff0014ff0013ff0012ff0011ff0010
ff000fff000eff000dff000cff000bff000aff0009ff0008ff0007ff0006ff0005ff0004ff0003ff0002ff0001ff0000

[править] Между противоположными цветами

Противоположные цвета (жёлтый-синий, пурпурный-зелёный, красный-циановый), которые инвертируются друг в друга при обращении цветной плёнки или при инверсии цветов в Фотошопе, образуют красивые попугайно-кислотные градиенты (для получения непрерывности в списке ниже они дополнены градиентами между близкими цветами). Противоположные цвета были описаны в работах Эвальда Херинга (Heinrich Ewald Hering, 1866-1948) в конце XIX века. [5] Двоичное представление этих цветов (в виде нулей и единиц) оказывается инверсным, например:

[править] Окрашивание текста в HTML-коде

Текст окрашен желтым.

Этот способ работает также для LiveJournal и для викидвижка.

Ячейки таблиц и многие другие элементы окрашиваются аналогично:

Помимо background-color (цвет фона) можно установить и другие свойства для цвета в CSS: [6]

Теги HTML также поддерживают атрибуты наподобие bgcolor. [9] [10]

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *