Перевод цвета в rgb: Конвертер Цветов Онлайн — HEX ⇒ RGB ⇒ RGBA ⇒ CMYK ⇒ HSL ⇒ HSLA ⇒ HSB ⇒ HSV ⇒ XYZ ⇒ LAB. Калькулятор цветов HTML. Генератор цветов CSS3 — ColorScheme.Ru

Содержание

Конвертер RGB в Pantone — онлайн и бесплатно

Конвертер RGB в Pantone — онлайн и бесплатно

PhotoRetrica

Выберите редактор

App 1App 2App 3 На весь экран

Как преобразовать RGB в Pantone

1

Выберите приложение

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

2

Следуйте шагам

Теперь вы можете использовать приложение внутри редактора для преобразования RGB в Pantone. Следуйте инструкциям, которые вы увидите внутри приложения. Если вам не нравится это приложение, попробуйте другое.

3

Наслаждайтесь результатом

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

В чем разница между RGB и Pantone

Цветовая модель RGB (сокращение от английских слов Red, Green, Blue) — это аддитивная цветовая модель. Используется для излучаемого света, т. Е. При подготовке экранных документов. Выбор основных цветов обусловлен физиологическими особенностями восприятия цвета сетчаткой глаза человека. Любой цвет можно представить в виде комбинации 3-х основных цветов: красного, зеленого, синего. Эти цвета называются цветовыми компонентами. Изображение в этой модели получается путем смешивания трех основных цветов, например, при смешивании красного и синего он получается пурпурным, при смешивании красного и зеленого — желтым, при смешении синего и зеленого — голубым. А если смешать все три основных цвета, получится белый. Наиболее распространенное цветовое пространство, использующее эту модель, — sRGB. Он может отображать более насыщенные цвета, чем CMYK, поэтому часто изображения в CMYK выглядят ярче и тусклее.

Pantone — американская компания, разработавшая систему стандартизации нескольких тысяч существующих цветов и их оттенков — Pantone Matching System или PMS. Признанный во всем мире эксперт в области цвета, он занимается созданием цветовых палитр, консультирует бренды по тенденциям на рынке дизайна. Цветовые схемы Panton используются в текстиле, предметах интерьера и в других областях. Система определения, подбора и смешивания цветов значительно упрощает взаимодействие со специалистами в полиграфии, моде, дизайне, в том числе в Интернете. Например, если вам, как Заказчику, необходимо получить дизайн веб-сайта в строго определенной палитре, вы сообщаете дизайнеру номер желаемого цвета в соответствии с PMS — справочником пронумерованных оттенков и сохраняете уверенность, что будете правильно понял. Кроме того, ПМС предлагает оптимальное сочетание оттенков. Pantone можно назвать универсальным языком цвета.

Все конвертеры RGB

RGB в HEX

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

Открыть приложение

RGB в HSL

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

Открыть приложение

RGB в HSV

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

Открыть приложение

RGB в HSB

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

Открыть приложение

RGB в HTML

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

Открыть приложение

RGB в CMYK

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

Открыть приложение

RGB в RAL

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

Открыть приложение

RGB в Pantone

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

Открыть приложение

Вам нравится PhotoRetrica? Помогите нам расти!

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

Мы нуждаемся в твоей помощи. Добавьте нас в закладки или на главный экран вашего устройства. Поделитесь ссылкой на наш сайт в своих социальных сетях. Спасибо!

python — конвертирование цветов формата RGB в XYZ

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

https://colorscheme.ru/color-converter.html

Предположим, что есть цвет формата

RGB = [0, 2, 100],

необходимо перевести его в

XYZ = [2, 1, 12]

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

Как это сделать?

  • python
  • python-3. x
  • color
  • rgb

3

Попробуйте так:

import numpy as np
import colour                                  #   pip install colour-science
RGB = np.array([0, 2, 100])
XYZ = colour.sRGB_to_XYZ(RGB / 255)
print(XYZ)
print([ round(i*100) for i in XYZ.tolist()])                      

Вот мое решение:

def funXYZ(RGB):
    var_R = (RGB[0] / 255)
    var_G = (RGB[1] / 255)
    var_B = (RGB[2] / 255)
    if var_R > 0.04045:
        var_R = ((var_R + 0.055) / 1.055) ** 2.4
    else:
        var_R = var_R / 12.92
    if var_G > 0.04045:
        var_G = ((var_G + 0.055) / 1.055) ** 2.4
    else:
        var_G = var_G / 12.92
    if var_B > 0.04045:
        var_B = ((var_B + 0.055) / 1.055) ** 2.4
    else:
        var_B = var_B / 12.92
    X = (var_R * 0.4124 + var_G * 0.3576 + var_B * 0.1805) * 100
    Y = (var_R * 0.2126 + var_G * 0.7152 + var_B * 0.0722) * 100
    Z = (var_R * 0.
0193 + var_G * 0.1192 + var_B * 0.9505) * 100 return X, Y, Z

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Преобразователь цветового кода | преобразование цвета

Преобразователь кода цвета. Таблица цветовых кодов. Цветовые преобразования.

Преобразователь кода цвета

Шестнадцатеричное значение — 6 цифр (rrggbb).

Значения RGB находятся в диапазоне 0..255.

Значения HSV находятся в диапазоне Hue:0..359°, Saturation:0..100%, Value:0..100%.

Значения HSL находятся в диапазоне Hue:0..359°, Saturation:0..100%, Lightness:0..100%.

Введите один цветовой код и нажмите кнопку Convert :

Шестнадцатеричный (#):
RGB (красный, зеленый, синий):
, ,
ВПГ (H,S,V): °, %, %
HSL (H,S,L): °, %, %
Предварительный просмотр цвета:

Hex / RGB / HSV / HSL:

Цвет Цвет

Название

Шестнадцатеричный (красный, зеленый, синий) (Ч, С, В) (В, Ш, Н)
  Черный #000000 (0,0,0) (0°,0%,0%) (0°,0%,0%)
  Белый #FFFFFF (255 255 255) (0°,0%,100%) (0°,0%,100%)
  Красный #FF0000 (255,0,0) (0°,100%,100%) (0°,100%,50%)
  Лайм #00FF00 (0,255,0) (120°,100%,100%) (120°,100%,50%)
  Синий #0000FF (0,0,255) (240°,100%,100%) (240°,100%,50%)
  Желтый #FFFF00 (255 255,0) (60°,100%,100%) (60°,100%,50%)
  Голубой #00FFFF (0 255 255) (180°,100%,100%) (180°,100%,50%)
  Пурпурный #FF00FF (255,0,255) (300°,100%,100%) (300°,100%,50%)
  Серебро #C0C0C0 (192 192 192) (0°,0%,75%) (0°,0%,75%)
  серый #808080 (128 128 128) (0°,0%,50%) (0°,0%,50%)
  Бордовый #800000 (128,0,0) (0°,100%,50%) (0°,100%,25%)
  Олива #808000 (128,128,0) (60°,100%,50%) (60°,100%,25%)
  Зеленый #008000 (0,128,0) (120°,100%,50%) (120°,100%,25%)
  Фиолетовый #800080 (128,0,128) (300°,100%,50%) (300°,100%,25%)
  Бирюзовый #008080 (0,128,128) (180°,100%,50%) (180°,100%,25%)
  Военно-морской флот #000080 (0,0,128) (240°,100%,50%) (240°,100%,25%)

Преобразование цветового кода

  • Преобразование CMYK в RGB
  • Преобразование
  • Hex в RGB
  • Преобразование HSL в RGB
  • Преобразование HSV в RGB
  • Преобразование
  • RGB в CMYK
  • Преобразование
  • RGB в шестнадцатеричный формат
  • Преобразование
  • RGB в HSL
  • Преобразование
  • RGB в HSV
  • Как преобразовать RGB в шестнадцатеричный
  • Как преобразовать шестнадцатеричный код в RGB

 


См.

также:
  • Цветовые коды RGB
  • Преобразование изображения
  • Таблица цветового круга
  • Онлайн-палитра цветов
  • RGB в оттенки серого

Преобразование цветов — Hex — A5CF6E

Преобразования · Детали · Гармонии · Изображения · Предварительный просмотр · Моделирование цветовой слепоты · CSS · Справка CIELab, Android, Decimal и YUV.

🤖 Преобразование нескольких цветов одновременно или 📢 получение преобразований и гармоний через REST API.

2919 2919 99219 99219 99219 99219 99219 9.0021
Conversions Part 1
Format Color
Hex A5CF6E
RGB 165, 207, 110
RGB Percent 65%, 81%, 43 %
CMY 0,3529, 0,1882, 0,5686
CMYK 0,20, 0,00, 0,47, 0,19
HSL 2020202020199219. 86°, 47%, 81%
XYZ 40.6443, 53.7508, 22.9846
YIQ 183.3840, 6.1050, -39.0710
Conversions Part 2
Format Color
RYB 110, 207, 152
Decimal 10866542
CIELab 78.32, -29.84, 43.53
CIELCh 78, 52.775, 124.431
Yxy 53.7508, 0.3463, 0.4579
Android (android.graphics.Color) 42822 (0xFFA5CF6E)
YUV 183.3840, -36.1783 , -16.1228
Hunter-Lab 73.3149, -29.3442, 32.7327

Вас интересуют ближайшие цвета из наших списков для вашего цвета? Например, ближайший цвет Benjamin Moore, Farrow & Ball или Sherwin Williams?

Получение ближайших цветов из списков

Детали

Шестнадцатеричный цвет A5CF6E — светлый цвет, а веб-версия — шестнадцатеричный 99CC66. Дополнением этого цвета будет 986ECF, а версия в градациях серого — B8B8B8.

На 20 % более светлая версия исходного цвета — DEFFA3, а 6F983B — на 20 % темнее. Если вы сделаете цвет насыщеннее на 10%, вы получите 9CCF59, а если обесцветите на 10%, то получите AECF83.

Распределение

Распределение цветов RGBРаспределение значений RGB, красного, зеленого и синего.КрасныйПроцент красного в цвете.ЗеленыйПроцент зеленого в цвете.СинийПроцент синего в цвете.RGB 9

  • Синий (43%) Желтого в цвете. Синий Процент синего в цвете. , пурпурный, желтый и черный.ГолубойПроцент голубого в цвете.ПурпурныйПроцент пурпурного в цвете.ЖелтыйПроцент желтого в цвете.ЧерныйПроцент черного в цвете.CMYK

    CMY Голубой в цвете.ПурпурныйПроцент пурпурного в цвете.ЖелтыйПроцент желтого в цвете.ЦМИ Градиенты

    Эти градиенты показывают, как изменяется шестнадцатеричный цвет A5CF6E при изменении яркости на 10 процентов. Первая цифра показывает сдвиг на +10% для каждого цвета, а вторая цифра -10%.

    Аналогично градиентам яркости, но следующие градиенты насыщенности показывают изменение шестнадцатеричного цвета A5CF6E путем изменения насыщенности на 10%.

    🖌️ Color Bucket🌈 CSS Gradient🔧 CSS Text Shadow📷 Color Palette Image

    🖌 Цветовое ведро 🌈 CSS Gradient🔧 Text Text Shadow📷 Цветовая палитра изображение

    🖌️ Color Bucket🌈 CSS Gradient🔧 CSS Text Shadow📷 Color Palette Image

    🖌️ Color Bucket🌈 CSS Gradient🔧 CSS Text Shadow📷 Color Palette Image

    Harmonies

    Analogous

    Аналоговая цветовая гармония состоит из трех цветов, расположенных рядом друг с другом на цветовом круге.

    🖌 Цветовой ведро CSS GRADIent🔧 TRIAD TEXT TEXTH📷 Цветовая палитра

    Triad

    . цветовой круг.

    🖌️ Color Bucket🌈 CSS Gradient🔧 CSS Text Shadow 📷 Цветовая палитра Image

    40005

    Комплементарная цветовая схема – это пара цветов, противоположных друг другу на цветовом круге.

    🖌️ Color Bucket🌈 CSS Text Gradient🔧 CSS Text Shadow📷 Цветовая палитра Image

    Split Дополнительные цвета от Split дополняются цветовой схемой

    -900. Схема состоит из трех цветов, исходного цвета и двух соседних дополнительных цветов.

    🖌️ Color Bucket🌈 CSS Gradient🔧 Text Shadow📷 Цветовая палитра Image

    Square

    Цветовая гамма ровная, как у прямоугольника, цветовая схема CSS равномерная, четырехцветная.

    🖌 Цветовой бакте колесо.

    🖌 Color Bucket🌈 CSS Gradient🔧 Text Text Shadow📷 Colortemare

    Sweetspot

    9000 2 The Sweet Spetare The Fived Spote Pligher -Clorte

    Sweetspot 9000 9000 2 The Sweet Spetare Pright -Colorshare

    Sweetspot

    9000 2 The Sweet Spetare Plive -Color -Paleth.

    🖌 Color🔧s Crolte -Clateste.0003 Изображения SVG

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

    #A5CF6E
    Предварительный просмотр

    Белый фон

     

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

    Проверка Color Contrast

    Большой текст (выше 18PT) WCAG AA ✕ Fail

    Любой текст WCAG AA ✕ Fail

    Большой текст (выше 18pt) WCAG AAA ✕ Fail

    Любой текст wcag aaa ✕ Fail

    , если вы хотите. чтобы проверить с другими цветовыми сочетаниями, попробуйте Color Contrast Checker.

    Черный фон

     

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

    Проверка цветового контраста

    Крупный текст (более 18 pt) WCAG AA ✓ Пройдено

    Любой текст WCAG AA ✓ Пройдено

    Крупный текст (более 18 pt) WCAG AAA ✓ Пройдено

    Любой текст WCAG AAA90 Если вы хотите 03 2 Любой текст WCAG AAA90 чтобы проверить с другими цветовыми сочетаниями, попробуйте Color Contrast Checker.

    Hex A5CF6E Фон

     

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

     

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

    Моделирование дальтонизма

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

    Двухцветность

    Исходный цвет
    A5CF6E

    Протанопия (отсутствие L-колбочек)
    Мужчины: от 1% до 1,3%, женщины: 0,02%
    EAB873

    Тританопия (S-Cone отсутствует)
    Мужчины: 0,001%, женщины: 0,03%
    B3C4D3

    DEFROMACY

    Оригинальный цвет 7
    CF65

    Original 7
    CF65

    . 1,3%, женщины: 0,02%
    C4C66B

    Дейтераномалия (дефект М-конуса)
    Men: 5.0%, Women: 0.35%
    D1C071

    Tritanomaly (S-cone defect)
    Men: 0.01%, Women: 0.01%
    AEC8AE

    Monochromacy

    Original Color
    A5CF6E

    Ахроматопсия
    Мужчины: 0,1%, женщины: 0,1%
    B7B7B7

    Ахроматолия
    Мужчины: 0,1%, женщины: 0,1% A5CF6E называется «цвет». Свойство цвета можно установить для классов, идентификаторов или непосредственно для элемента HTML.

    В этом примере показано, как выглядит текст цвета #A5CF6E.

     .text, #text, p{color:#A5CF6E} 

    📋 Скопируйте код

    Если вы хотите добавить тень текста в этом цвете, используйте свойство text-shadow, вы можете создать тень текста непосредственно с помощью нашего 🔧 Генератор текстовых теней CSS.

    Здесь вы видите, как выглядит черный текст с 4-х пиксельной цветной тенью #A5CF6E.

     .shadow{ text-shadow: 4px 4px 2px #A5CF6E } 

    📋 Копировать код

    Граница

    Свойство CSS для изменения границы элемента на Hex A5CF6E называется «граница». Свойство границы можно установить для классов, идентификаторов или непосредственно для элемента HTML.

    В этом примере цвет показан как граница, его можно применить с помощью свойства CSS «border» или «border-color».

     .border, #border, table{ border:4px solid #A5CF6E } 

    📋 Скопируйте код

    Если нужно изменить только цвет границы, используйте свойство border-color.

     .border { цвет границы: # A5CF6E } 

    📋 Скопируйте код

    Если вы хотите добавить тень блока этого цвета, используйте:

    Здесь вы видите, как выглядит блок с 4-х пиксельной цветной тенью #A5CF6E.

     .boxshadow{ -moz-box-shadow:4px 4px 4px 4px #A5CF6E; -webkit-box-shadow:4px 4px 4px 4px #A5CF6E; box-shadow:4px 4px 4px 4px #A5CF6E } 

    📋 Скопировать код

    Background

    Свойство CSS для изменения цвета фона элемента на Hex A5CF6E называется «background». Свойство background может быть установлено для классов, идентификаторов или непосредственно для элемента HTML.

     .background, #background, body{ background:#A5CF6E } 

    📋 Копировать код

    Если необходимо изменить только цвет фона, можно использовать:

     .background{ background-color:#A5CF6E } 

    📋 Копировать код

    В этом примере цвет используется в качестве фона, он применяется через свойство CSS «фон».

    Чтобы оптимизировать и сжать код CSS, вы можете использовать наш онлайн-компрессор и оптимизатор CSS на основе csstidy. Если вы хотите создать линейный или радиальный градиент в качестве фона или границы, воспользуйтесь нашим 🌈 Генератором градиента CSS.

    Как использовать Преобразование цветов

    Преобразование

    Чтобы преобразовать, вставьте строку в одном из этих цветовых форматов, например, «A5CF6E», в поле ввода и нажмите «Преобразовать». Результат будет в разделе «Конверсии», а следующие разделы предоставят вам более подробную информацию о цвете.

    В некоторых цветовых форматах используются одни и те же обозначения, и при преобразовании будет угадываться состав поискового запроса. Например, если вы попытаетесь преобразовать строку «86°, 47%, 81%», это может быть цвет HSV или HSL, в этом случае преобразование будет предполагать HSL.

    Так как это может привести к неправильному преобразованию, вы можете определить, какой формат вы передаете, заключив строку цвета в скобки с форматом впереди. Строка поиска «HSV (86 °, 47%, 81%)» даст вам правильный цвет HSV, поскольку нет необходимости угадывать формат. Другими примерами могут быть «CIELAB (78,32, -29,84, 43,53)», «CIELCH (78, 52,775, 124,431)», «YXY (53,7508, 0,3463, 0,4579)» и «CMYK (0,20, 0,00, 0,47, 0,19)». .

    Детали

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

    Наконец-то вы получаете градиенты яркости и насыщенности вашего цвета с шагом 10%. Поэтому, если вам нужна более яркая или более темная версия, вы можете выбрать ее здесь.

    Гармонии

    Гармонии в основном показывают вам цвета, которые хорошо сочетаются с цветом, который вы сейчас просматриваете. Если вам нравится одна из гармоний, вы можете напрямую создать из нее 🌈 Градиент CSS или 🔧 Тень текста CSS или просмотреть гармонию как 🖌️ Цветовое ведро.

    Изображения SVG

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

    Превью

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

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

    Моделирование цветовой слепоты

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

    Примеры CSS

    Если вы новичок в веб-разработке, вам может быть интересно узнать, как применить свой цвет в качестве цвета переднего плана, фона или границы. Раздел «Примеры CSS» дает вам именно это, помогает использовать текущий цвет в CSS.

    Если вы просматриваете цвет в формате, недоступном в CSS, вы увидите, что цвет преобразован в совместимый формат.

    Набор цветов

    Вы выбрали цвета для своего следующего проекта и хотите загрузить их в виде палитры или поделиться ими с друзьями, чтобы обсудить свое решение? Тогда вам стоит взглянуть на цветовое ведро. Он позволяет хранить до 10 цветов, автоматически создает цветовые палитры для каждого из этих цветов в зависимости от яркости и дает вам матрицу WCAG.

    Вы можете загрузить каждую из цветовых палитр или выбранные цвета в виде палитры GIMP, Adobe® ASE или Tailwind CSS. Кроме того, вы можете просматривать все как 🌈 Градиент CSS, 🔧 Тень текста CSS или 📷 Изображение цветовой палитры.

    Чтобы добавить цвет в корзину, я поместил ссылку «❤️ Добавить этот цвет в корзину» в разделе заголовка каждой страницы этого веб-сайта.

    Проверка цветового контраста

    При выборе цветов для проекта важно помнить о цветовом контрасте. My Color Contrast Checker позволяет проверить выбранные вами цвета в соответствии с Руководством по доступности веб-контента (WCAG) 2.

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

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