Преобразование цветовых кодов – примеры C# и онлайн-конвертер

Анализ цветов

Aspose.SVG for .NET API предлагает высокоскоростную библиотеку C#, которую можно использовать для различных задач анализа SVG. Одна из особенностей API – легкий доступ для работы с несколькими цветовыми пространствами. Класс Color позволяет анализировать цвета (такие как RGB, HEX, HSL, HWB, CMYK, NCOL, LCH, OKLCH, LAB, OKLAB) из строкового представления и преобразовывать их в желаемое цветовое пространство. Цветовые коды и форматы играют решающую роль в различных областях, таких как веб-дизайн, графический дизайн, фотография, искусство и многое другое. Для разных задач могут потребоваться разные цветовые форматы, отсюда и необходимость в функции преобразования цветов.

Онлайн-конвертер цветов

Цвета можно указать как с помощью color name, так и определить в популярных HEX-кодах или значениях RGB, HSL, HSV, LAB, HWB, CMYK, LCH, XYZ и NCOL. И для разных задач предпочтительны разные цветовые форматы. Вы можете конвертировать цветовые коды в различные наиболее популярные форматы любым способом – онлайн или программно! Вам просто нужно ввести значение цвета для преобразования! Щелкните внутри области цвета, чтобы выбрать цвет, или введите код цвета в текстовое поле Input. Вы сразу увидите другие цветовые коды для выбранного цвета в разделе Output.

Как конвертировать цветовые коды

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

Метод FromString("#ff31ca") класса Color используется для анализа HEX-кода цвета из его строкового представления и возвращает экземпляр color.
Метод ToRgbString() используется для преобразования цвета из HEX в цветовое пространство RGB. Формат: rgb(0, 0, 0).
Результат значения цвета RGB выводится на консоль с помощью Console.WriteLine(rgbColor).

Следующий фрагмент кода показывает, как преобразовать HEX в RGB:

 1using Aspose.Svg;
 2using System.IO;
 3using Aspose.Svg.Dom;
 4...
 5
 6    // Parse HEX color from a string
 7    var color = Color.FromString("#ff31ca");
 8
 9    // Convert HEX to RGB 
10    string rgbColor = color.ToRgbString();
11
12    // Print result to console
13    Console.WriteLine(rgbColor);
14    //result should be: rgb(255, 49, 202)

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

В статье Как изменить цвет SVG показано, как работать с цветом SVG с использованием библиотеки Aspose.SVG for .NET, а также рассматривается, как изменить цвет элементов SVG или изменить цвет фона в файлах SVG.

Цветовые коды

Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые можно получить путем смешивания красного, зеленого и синего. Эта цветовая модель популярна в фотографии, телевидении и компьютерной графике. Значения RGB задаются как целое число от 0 до 255. Так, например, rgb(255,0,0) отображается красным цветом. Для красного параметра установлено максимальное значение (255), а для остальных – 0.
Библиотека Aspose.SVG C# поддерживает проценты RGB (от 0% до 100%). Например, rgb(100%,0,0) отображается красным цветом.

HEX (#RRGGBB) коды – наиболее часто используемые цветовые коды. Это потому, что они просты и понятны. HEX-коды – это не что иное, как шестнадцатеричное представление RGB. Шестизначный номер цвета состоит из трех групп по две цифры, которые определяют количество красного, зеленого и синего в аддитивном цвете. Каждая двузначная шестнадцатеричная пара может иметь значение от 00 до FF. Это дает более 16 миллионов возможных цветов. Если каждая из трех групп содержит символы, например #RRGGBB, то их можно записать как #RGB. Шестнадцатеричные значения цвета поддерживаются во всех браузерах.

HSL (Hue, Saturation, Lightness) – это представление цветовой модели RGB в цилиндрических координатах. Оттенок – это любой цвет цветового круга; это градус цветового круга от 0 до 360. Итак, 0 – красный, 120 – зеленый, 240 – синий. Насыщенность – это интенсивность или чистота цвета. От него зависит, насколько ярким будет цвет. Например, ноль процентов – это серый цвет, а 100 процентов – полностью насыщенный цвет. Яркость (светлость) – это количество яркости или света в цвете. Светлость определяет, сколько черного или белого оттенка имеет цвет. Например, 50 процентов не имеют оттенка, ноль процентов – полностью черный, а 100 процентов – полностью белый.

HSV означает оттенок, насыщенность и значение (значение яркости). HSV похож на HSL, но это две разные цветовые модели. Оба они основаны на цилиндрической геометрии, но HSV основан на модели «шестигранника», а HSL – на модели «бигексона». Выбор цвета HSV начинается с выбора одного из доступных оттенков, а затем настройки значений оттенка и яркости. Hue задает положение цвета на цветовом круге (от 0 до 360). Насыщенность – процентное значение насыщенности (от 0% до 100%). Яркость – процент яркости (от 0% до 100%).

Подобно географическим координатам – долготе, широте и высоте – значения цвета LAB позволяют нам определять цвета. LAB использует три оси: L – яркость, a* – от значения красного до зеленого и b* – от значения синего до желтого. Легкость выражается в процентах и может превышать 100%. Значения осей a и b могут варьироваться от положительных до отрицательных. Обычно оно ограничивается диапазоном от –128 до 127 для использования с целочисленными значениями кода. Цветовое пространство LAB и цветовые коды LAB рекомендуется использовать, если вы хотите, чтобы цвет на экране выглядел так же, как при печати на бумаге.

LCH означает яркость, цветность и оттенок. Как и в случае с LAB, значение Lightness может превышать 100%. Цветовые компоненты цветовой модели LCH примерно соответствуют HSL. Подобно HSL, оттенок может находиться в диапазоне от 0 до 360. Однако углы оттенка LCH не полностью соответствуют тем же значениям оттенка HSL. Цветность представляет собой количество цвета, и мы можем думать о ней как о насыщенности в HSL. А вот цветность может превышать 100 – фактически она теоретически неограничена. Цветовое пространство LCH, как и LAB, является единообразным по восприятию, то есть точное числовое изменение координат в цветовом пространстве дает одинаковую перцептивную разницу между цветами.

HWB означает оттенок, белизну и черноту. HWB очень похож на цветовые модели HSV (Hue, Saturation, Value) и HSL (Hue, Saturation, Lightness), за исключением того, что ни HSV, ни HSL не обеспечивают насыщенность белого. Подобно HSL и HSV, оттенок может быть любым в диапазоне от 0 до 360. Два других аргумента контролируют, сколько белого или черного цвета примешивается к этому оттенку, вплоть до 100 % (что приведет к полностью белому или черному цвету). HWB особенно полезен для создания монохромных цветовых палитр. HWB пока не поддерживается в HTML, но предлагается в качестве нового стандарта в CSS4.

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

Цветовые значения RGBA (Red, Green, Blue и Alpha) представляют собой расширение значений цвета RGB с альфа-каналом, который определяет непрозрачность цвета. Параметр альфа – это число от 0,0 до 1,0, которое определяет прозрачность. Например, rgba(255, 0, 0) отображается чисто красным, rgba(255, 0, 0, 0,5) отображается красным с непрозрачностью 50%. Для значения RGBA, в отличие от значений RGB, не существует шестнадцатеричного представления.

Подобно RGB/RGBA, HSL имеет режим HSLA с поддержкой альфа-канала для указания непрозрачности цвета. Значение цвета HSLA (Hue, Saturation, Lightness, Alpha) указывается с помощью оттенка, насыщенности, яркости и альфа, где параметр альфа определяет непрозрачность. Параметр альфа представляет собой число от 0,0, что означает «полностью прозрачный», до 1,0, что означает «полностью непрозрачный». Например, hsla(0, 100%, 50%, 1) отображается чисто красным, hsla(0, 100%, 50%, 0,5) отображается красным с непрозрачностью 50%.

Цвета CMYK (Cyan, Magenta, Yellow и blacK) представляют собой комбинацию голубого, пурпурного, желтого и черного цветов. Эта модель известна как субтрактивная, поскольку чернила вычитают цвета из белого. CMYK – одна из самых популярных цветовых моделей. Цветовая модель CMYK используется в печатных красках для бумаги. Эта модель включает в себя множество цветов, но количество цветов ограничено по сравнению с RGB. CMYK широко используется при создании дизайнов для печати, чтобы обеспечить точность желаемых цветов, а не для таблиц стилей или HTML. CMYK не поддерживается в HTML, но предлагается в качестве нового стандарта в CSS4.

Color Converter – это бесплатное онлайн-приложение для преобразования цветов между цветовыми форматами. Просто введите код цвета и сразу получите результат! Вам не нужно никакого дополнительного программного обеспечения. Попробуйте наш мощный конвертер цветов прямо сейчас!

Как изменить цвет SVG Как объединить файлы SVG