Как перевести rgb код цвета



RGB HEX конвертер цветов online

Конвертер цветов наглядно показывает изменение цвета при изменении количества красного, зелёного или синего. Все данные одновременно показаны в десятичном (rgb) и шестнадцатеричном (hex) форматах.

Десятичное представление цвета RGB

В цветовой модели RGB 16 581 375 цветов, и каждый цвет состоит из значения трёх основных цветов — красного, зелёного и синего. Значение основных цветов располагается в диапазоне от 0 до 255 (учитывая 0 получается 256) и обозначает интенсивность цвета. Так, значение 0 обозначает отсутствие цвета, что по сути является чёрным цветом, а значение 255 обозначает самую высокую интенсивность, при которой основной цвет становится самым ярким.

Записывается цвет следующим образом: rgb(10, 100, 200), где в данной записи 10 — значение красного цвета, 100 — зелёного и 200 — синего.

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

Остальные 16 миллионов цветов образуются путём смешивания основных трёх цветов в разных пропорциях.

Шестнадцатеричное представление цвета HEX

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

Запись цвета в шестнадцатеричном формате принято начинать со знака #, за которой следуют два числа (шестнадцатеричных, от 0 до F) красного, два зелёного и два синего цветов.

#5CDEFF состоит из 5C красного (92), DE зелёного (222) и FF синего (255), что соответствует записи rgb(92, 222, 255).

Примеры цветов в шестнадцатеричном формате:

Источник

Разрешение экрана

Еще конвертеры и калькуляторы:

Конвертер из HEX в RGB

Данная страничка поможет вам перевести цвет из цветовой модели HEX в цветовую модель RGB.

Что такое RGB?

RGB — это аббревиатура английских слов Red, Green, Blue — цветовая модель. Нужный цвет получается путем смешивания трех изначальных цветов — красного, зеленого, синего.

Формат RGB – это всего лишь один из способов сообщить компьютеру, каким цветом вы хотите работать. Т.е. это набор правил, с помощью которых любой цвет можно представить в виде определенного кода цифр и букв.

Каждый цвет: красный, зеленый или синий, характеризуется его интенсивностью или насыщенностью.

Количество каждого цвета может лежать в диапазоне от 0 до 255.

Абсолютно красный цвет будет иметь форму записи (255,0,0). Это означает, что количество красного цвета 255, зеленого 0 (т.е. зеленой составляющей нет), синий 0 (синей составляющей нет).

Что такое HEX?

HEX — это сокращение от английского слова Hexadecimal — шестнадцатеричный. Таким образом часто обозначается шестнадцатеричная система счисления.

На данной странице HEX — это обозначение представления цвета в шестнадцатеричной системе счисления. Шестнадцатеричный цвет задается следующим образом: #RRGGBB.

RR (красный), GG (зеленый) и BB (синий) являются шестнадцатеричными целыми числами от 00 до FF, задающие интенсивность цвета.

Например, # 0000FF отображается как синий, так как синий компонент установлен в его самое высокое значение (FF), а остальные установлены на 00.

Источник

Конвертер, калькулятор цветов.

Данный инструмент работает с основными цветовыми моделями используемые в веб-дизайне, полиграфии, программах компьютерной графики: RGB, CMYK, HSL, HSV. Используя конвертер цветов, Вы можете перевести значения rgb в cmyk, hex в rgb, cmyk в rgb, hex в cmyk, hsv в hsl, rgb в hex, rgb в hsl. Также, калькулятор «понимает» прозрачность (альфа-каналы) и пересчитывает RGBA, HSLA, HSVA, HEX8.

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

Конвертер исключительно лоялен к строковому вводу, и позволяет использовать как строчные, так и заглавные буквы, заменять скобки и запятые на пробелы, указывать проценты, числа от 0 до 255, устанавливать прозрачность от 0 до 1. Несмотря на такую либеральность ввода, которой, естественно, лучше не злоупотреблять (человек к плохому привыкает очень быстро), на выходе Вам будет предоставлен корректный код, готовый для использования в CSS, HTML, SVG. При вставке значений из буфера обмена нажмите «Конвертировать».

Примеры ввода:
С большой или строчной буквы: green, Chocolate (при написании по имени нет зависимости от регистра);
#f0f8ff, сокращенно: #f0f; в шестнадцатеричном коде (Hex) знак «#» можно не указывать: 00ff7f;
rgb(252, 200, 140), rgb(12%,98%,15%);
hsv(289, 23%, 61%), символ «%» можно пропустить: hsv(227, 83, 73);
cmyk 11,63,0,21, или так: cmyk(0%,33%,60%,10%);
hsl(190, 65%, 45%), hsl(268, 89, 56).
С альфа-каналом:
rgba(43%, 75%, 34%, 0.5), rgba(255, 199, 141, 0.5);
hsla 180 42 12 0.5, hsla(90, 69%, 44%, 0.6);
hsva 320 50 29 0.3, hsva(120, 65%, 45%, 0.4);
#f0f8ff36, 00ff7fa7.

Источник

Конвертер цветов

С помощью универсального конвертер цветов вы можете легко перевести цвет из одной цветовой модели в ряд других.

В первую очередь, калькулятор служит для удобной работы с современными форматами CSS3-цветов. Поддерживается конвертация из HEX в RGB/RGBA и HSL/HSLA, RGB в CMYK, XYZ, LAB, и обратно.

А также специальный функционал для замещения альфа-канала при переводе цвета из RGBA в RGB (и HSLA в HSL).

Справка по цветовым моделям

Далее приводится краткое описание цветовых систем с которыми работает конвертер, разъяснение по форматам, а также примеры использования полученных цветов в CSS/HTML.

HEX / HTML

Цвет в формате HEX — это ни что иное, как шестнадцатеричное представление RGB.

Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 — красный, 22 — зелёный, 33 — синий. Все значения должны быть между 00 и FF.

Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.

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

Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.

Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).

Цветовые значения RGB поддерживаются во всех основных браузерах.

С недавних пор современные браузеры научились работать с цветовой моделью RGBA — расширением RGB с поддержкой альфа-канала, который определяет непрозрачность объекта.

Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.

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

HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).

HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.

По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.

Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).

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

Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).

Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию, а точнее, размер точки растра, выводимой на фотонаборном аппарате на плёнке данного цвета (или прямо на печатной форме в случае с CTP).

Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 — жёлтой краски, и 46 — чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).

HSB / HSV

HSB (также известна как HSV) похожа на HSL, но это две разные цветовые модели. Они обе основаны на цилиндрической геометрии, но HSB/HSV основана на модели «hexcone», в то время как HSL основана на модели «bi-hexcone». Художники часто предпочитают использовать эту модель, принято считать что устройство HSB/HSV ближе к естественному восприятию цветов. В частности, цветовая модель HSB применяется в Adobe Photoshop.

HSB/HSV расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Brightness/Value (яркость/значение).

Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Brightness является процентным значением яркости (от 0% до 100%).

Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.

Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.

Источник

Как перевести rgb код цвета

Для чего используется инструмент Конвертер цветов?

Благодаря данному инструменту вы сможете легко преобразовать одну цветовую модель в другую (HEX в RGB, HEX в CYMK, RGB в CYMK, RGB в HEX), чтобы подготовить графические изображения для размещения на вашем сайте или для печати.

Что такое цветовая система и для чего она нужна? Не вдаваясь в дебри терминологии, скажем просто: цветовая система – это то, как «звучит» цвет на языке чисел. Люди, профессия которых так или иначе связана с графикой, должны знать основные цветовые модели и то, как они применяются на практике. Так уж повелось, что в мире все должно быть упорядочено, систематизировано и изучено. И цвет – не исключение. Основных цветовых моделей – ровно пять, но рассмотрим мы только две, которые чаще всего используются в среде разработчиков, дизайнеров и веб-мастеров: RGB и CMYK.

О цветовой модели RGB

RGB – это цветовая модель, которая чаще всего используется в сфере веб-дизайна. Согласно теории создателя этой модели — Джеймса Максвелла, любой цвет можно получить путем смешивания трех основных оттенков: красного (Red), зеленого (Green) и синего (Blue). С появлением компьютеров, цветам присвоили восьми- (классическая модель RGB) и шестнадцатеричное (HEX) значение, где каждый оттенок можно отобразить в числовом виде. В сфере веб-дизайна чаще всего используется шестнадцатеричная система исчисления цвета, значение которого задается здесь символами от 0 до ff (где ff = 255). Новый оттенок в виде #RRGGBB можно получить, «смешивая» цифровые значения основных цветов.

С помощью шестнадцатеричного режима можно закодировать около 16 миллионов оттенков (по 1 биту на каждый оттенок), но в этом особой необходимости нет: глаза большинства пользователей просто не способны различить такое количество цветов. Поэтому веб-мастера чаще всего используют шестнадцатибитный режим, в котором на кодирование красного и синего оттенков отводится по 5 бит, а на кодирование зеленого — 6 бит.

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

О цветовой модели CMYK

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

Систему цветопередачи CMYK (где Cyan – сине-зеленый, Magenta — пурпурный, Yellow — желтый, Key/blacK – ключевой, черный цвет) используют для стандартной триадной (полноцветной) печати, которая обладает значительно меньшим набором оттенков, чем модель RGB.

Числа, определяющие цвета в системе CMYK – это процент оттенка, который входит в итоговую цветовую комбинацию. Например, оттенок «хаки» состоит из 30% голубого цвета, 45% пурпурного, 80% желтого и 5 % черного.

При этом стоит помнить, что «красивое» числовое значение цвета на мониторе может очень сильно разочаровать вас при выводе изображения на бумагу.

Подводя итог, можно сказать следующее: при подготовке изображение для размещения на веб-ресурсе используется цветовая модель RGB, а для вывода на печать – CMYK. А наш удобный Конвертер цветов поможет вам легко преобразовать одну систему в другую.

Источник

RGB TO HEX

Этот простой онлайн RGB в Hex инструмент преобразования цветов позволяет рассчитать переход значений RGB и Hex. Вы должны выбрать цветовые уровни для R, G и B, чтобы получить код цвета для RGB и Hex.

БЕСПЛАТНО, ЛЕГКО В ИСПОЛЬЗОВАНИИ RGB шестнадцатеричный ПРЕОБРАЗОВАТЕЛЬ вы можете доверять!

Вот сценарий вы, вероятно, может относиться к:

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

Что вы должны сделать, чтобы получить те же самые цвета в HTML-кодах, так что вы можете легко вставить их в создание?

Ответ? Преобразование RGB цвет Hex.

И с нашей RGB в Hex инструмент преобразования цвета, это путь более проще, чем вы думаете!

Давайте покажем вам, как.

О НАШЕЙ RGB шестнадцатеричный ПРЕОБРАЗОВАТЕЛЬ

RGB в Hex конвертер [по стрелковой SEO Tools] является цветным генератором кода, который позволяет конвертировать RGB значения цвета в HEX коды. Это инструмент, который можно использовать для быстрого преобразования RGB цвета в их шестнадцатеричных значения для HTML-страницы, график и других дизайнерских проектов цифрового экрана.

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

Это где наш инструмент приходит. Наш цвет преобразователь принимает входной сигнал в виде красного, зеленого и синего цветовых значений, которые варьируются от 0 до 255, и возвращать значения в шестнадцатеричной строки, которые вы можете использовать для спецификации цвета в HTML или CSS код.

Если вы про веб-разработчик, дизайнер мобильного приложения, или просто любитель, который любит играть с кодами, этот инструмент может полностью сделать вашу жизнь намного проще. Это супер просто, надежно и быстро.

Как дополнительное преимущество, это RGB в Hex инструмент отображает цвет предварительного просмотра ясно, так что вы знаете, вы копируете правильный код для вашего предпочтительного цвета. Он отображает значения цветов как для RGB и шестнадцатеричного.

КАК ЭТО ИСПОЛЬЗОВАТЬ

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

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

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

RGB и HEX ОБЪЯСНЕНИЕ!

Что такое RGB, так или иначе? RGB означает красный, зеленый и синий. Это основные цвета света, и они образуют цветовую модель RGB.

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

Значения Rgb обычно приходят в масштабе 0-255 и часто выглядеть следующим образом: (0 RGB, 74, 255).

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

Сам код является шестнадцатеричным триплет, что означает, что представляет собой три отдельных значений, которые указывают уровни цветов компонентов. Шестнадцатеричное значение цвета состоит из строки из шести или трех символов, которым предшествует хэш (знак фунта). Строка часто состоит из 0-9 цифр и A-F букв.

Большие примеры #FFFFFF, который является шестнадцатеричным кодом для белых и # 000000 для черного цвета.

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

Это как раз о единственной заметной разнице между двумя цветовыми системами. Кроме этого, RGB и шестнадцатеричный просто два разных способа выражения то же самое: красный, зеленый и синий цветовые значения.

ЛУЧШИЕ ПРАКТИКИ ДЛЯ РАБОТЫ С RGB и HEX полноцветных систем

• Значения цвета Hex в виде одной строки. Если вы работаете в команде с разработчиками программного обеспечения, попробуйте использовать шестигранный номер цвета, как они будут иметь возможность легко копировать и вставлять код офф чата или электронной почты документ.
• Если вам нужно установить прозрачность цветного объекта, RGBA предоставляет эту функциональность. Вы можете объявить красный, зеленый и синий значения, а также дополнительное значение прозрачности.
• Hex цветовые коды являются более компактными, и, следовательно, лучше для минимизации коды. Они могут стать еще более компактным, используя только три цифры для некоторых цветов (например #FFF), а не целых шесть цифр (например #FFFFFF).
• Hex немного улучшить время загрузки веб-страницы. Компьютеры обрабатывать двоичные цифры, и одна шестнадцатеричная цифра может быть легко преобразован в четыре двоичных цифр, в то время как десятичных цифр займет больше времени, чтобы преобразовать.

Это, очевидно, некоторые из причин, чтобы преобразовать RGB значения цвета в HEX коды.

В поисках более кодирования соответствующих инструментов? Почему бы не попробовать наш QR Code Generator, HTML код Viewer, или даже наш Перенаправление генератор Htaccess? Все они и первоклассные бесплатно!

Источник