Convertir códigos de color – ejemplos de C# y convertidor en línea

Analizar colores

Aspose.SVG for .NET API ofrece una biblioteca C# de alta velocidad que puede utilizar para diferentes tareas de análisis de SVG. Una de las características de la API es el fácil acceso para trabajar con varios espacios de color. La clase Color le permite analizar colores (como RGB, HEX, HSL, HWB, CMYK, NCOL, LCH, OKLCH, LAB, OKLAB) a partir de una representación de cadena y convertirlos al espacio de color deseado. Los códigos de colores y los formatos juegan un papel crucial en diversos campos como el diseño web, el diseño gráfico, la fotografía, el arte y más. Diferentes tareas pueden requerir diferentes formatos de color, de ahí la necesidad de una función de conversión de color.

Conversor de colores en línea

Los colores se pueden especificar como nombres de colores comunes o definirse en códigos HEX populares o valores RGB, HSL, HSV, LAB, HWB, CMYK, LCH, XYZ y NCOL. Y para diferentes tareas se prefieren diferentes formatos de color. Puede convertir códigos de color a varios de los formatos más populares de cualquier forma: ¡en línea o mediante programación! ¡Simplemente necesita ingresar el valor del color para la conversión! Haga clic dentro del área de color para seleccionar un color o ingrese un código de color en el cuadro de texto Entrada. Inmediatamente verá otros códigos de color para el color elegido en la sección Salida.

Cómo convertir códigos de color

Si desea utilizar las funciones de conversión en su producto o convertir códigos de color mediante programación, consulte el ejemplo de código C# a continuación. Aquí convertimos HEX a RGB. La conversión de color se puede realizar con unas pocas líneas de código:

1. El método FromString("#ff31ca") de la clase Color se utiliza para analizar el código de color HEX a partir de su representación de cadena y devuelve una instancia de color.
2. El método ToRgbString() se utiliza para convertir el color de HEX al espacio de color RGB. El formato es: rgb(0, 0, 0).
3. El resultado del valor del color RGB se imprime en la consola usando Console.WriteLine(rgbColor).

El siguiente fragmento de código ilustra cómo convertir HEX a RGB:

using Aspose.Svg;
using Aspose.Svg.Drawing;
...

    // Parse HEX color from a string
    var color = Color.FromString("#ff31ca");

    // Convert HEX to RGB 
    string rgbColor = color.ToRgbString();

    // Print result to console
    Console.WriteLine(rgbColor);
    //result should be: rgb(255, 49, 202)

El artículo Color SVG analiza cómo se pueden colorear el texto y las formas SVG. Encontrará una descripción general de cómo se define el color, incluidas las diversas formas en que puede controlar la transparencia del contenido SVG.

El artículo Cómo cambiar el color SVG muestra cómo trabajar con el color SVG usando Aspose.SVG para la biblioteca .NET y considera cómo cambiar el color SVG de los elementos o cambiar el color de fondo en archivos SVG.

Códigos de color

El espacio de color RGB (Red, Green, Blue) consta de todos los colores posibles que se pueden obtener mezclando rojo, verde y azul. Este modelo de color es popular en fotografía, televisión y gráficos por computadora. Los valores RGB se especifican como un número entero entre 0 y 255. Así, por ejemplo, rgb(255,0,0) se muestra en rojo. El parámetro rojo se establece en su valor más alto (255) y el resto se establece en 0.
La biblioteca Aspose.SVG C# admite porcentajes RGB (de 0% a 100%). Por ejemplo, rgb(100%,0,0) se muestra en rojo.

Los códigos HEX (#RRGGBB) son los códigos de color más utilizados. Esto se debe a que son simples y fáciles de entender. Los códigos HEX no son más que una representación hexadecimal de RGB. El número de color de seis dígitos está estructurado en tres grupos de dos dígitos que especifican la cantidad de rojo, verde y azul en el color aditivo. Cada par hexadecimal de dos dígitos puede tener un valor de 00 a FF. Esto proporciona más de 16 millones de colores posibles. Si cada uno de los tres grupos contiene caracteres, como #RRGGBB, entonces se pueden escribir como #RGB. Los valores de color hexadecimales son compatibles con todos los navegadores. HSL (Hue, Saturation, Lightness) es una representación del modelo de color RGB en coordenadas cilíndricas. El tono es cualquier color de la rueda cromática; es un grado en la rueda de colores de 0 a 360. Entonces, 0 es rojo, 120 es verde, 240 es azul. La saturación es la intensidad o pureza de un color. Determina qué tan vivo será el color. Por ejemplo, el cero por ciento es gris y el 100 por ciento es un color completamente saturado. La luminosidad es la cantidad de brillo o luz en el color. La luminosidad determina cuánto tinte blanco o negro tiene el color. Por ejemplo, el 50 por ciento no tiene tinte, el cero por ciento es completamente negro y el 100 por ciento es completamente blanco.

HSV significa Tono, Saturación y Valor (valor de brillo). HSV es similar a HSL, pero son dos modelos de colores diferentes. Ambos se basan en geometrías cilíndricas, pero HSV se basa en el modelo “hexcono”, mientras que HSL se basa en el modelo “bi-hexcono”. La selección de un color HSV comienza con la elección de uno de los tonos disponibles y luego ajustando los valores de tono y brillo. Hue establece la posición del color en la rueda de colores (de 0 a 360). La saturación es un valor porcentual de saturación (de 0% a 100%). El brillo es un porcentaje de brillo (de 0% a 100%).

Al igual que las coordenadas geográficas (longitud, latitud y altura), los valores de color LAB nos brindan una forma de detectar colores. LAB utiliza tres ejes: L – Luminosidad, a* – del valor rojo al verde y b* – del valor azul al amarillo. La Luminosidad se expresa como porcentaje y puede superar el 100%. Los valores para los ejes a y b pueden variar de positivos a negativos. Por lo general, se limita al rango de −128 a 127 para usarlo con valores de código entero. Se recomienda utilizar el espacio de color LAB y los códigos de color LAB si desea que el color en pantalla tenga el mismo aspecto que cuando se imprime en papel.

LCH significa Luminosidad, Croma y Tono. Al igual que ocurre con LAB, la Luminosidad puede ser un porcentaje que supere el 100%. Los componentes de color en el modelo de color LCH corresponden aproximadamente a los de HSL. Al igual que en HSL, el tono puede estar en un rango entre 0 y 360. Sin embargo, los ángulos de tono del LCH no se corresponden completamente con los mismos valores de tono de HSL. El croma representa la cantidad de color y podemos considerarlo similar a la saturación en HSL. Pero el croma puede superar los 100; de hecho, en teoría es ilimitado. El espacio de color LCH como LAB es perceptualmente uniforme, lo que significa que el cambio numérico exacto de coordenadas en el espacio de color da la misma diferencia de percepción entre colores.

HWB significa tono, blancura y negrura. El HWB es muy similar a los modelos de color HSV (Tono, Saturación, Valor) y HSL (Tono, Saturación, Luminosidad), excepto que ni HSV ni HSL proporcionan saturación de blanco. Al igual que HSL y HSV, el tono puede estar en cualquier lugar dentro de un rango de 0 a 360. Los otros dos argumentos controlan la cantidad de blanco o negro que se mezcla en ese tono, hasta el 100 % (lo que daría como resultado un color totalmente blanco o negro). HWB es especialmente útil para crear paletas de colores monocromáticas. HWB aún no es compatible con HTML, pero se sugiere como nuevo estándar en CSS4.

El modelo de color XYZ (CIE 1931 XYZ) es un espacio puramente matemático basado en los resultados de la versión CIE RGB del ojo humano. A diferencia de RGB, CMYK y otros modelos, en XYZ los componentes principales son hipotéticos, lo que significa que no se pueden asignar X, Y y Z a ningún conjunto de colores para mezclar. Estos colores no corresponden a ninguna longitud de onda de luz real. XYZ es un esquema aditivo de espacios de color ya que define las cantidades de tres estímulos proporcionados al ojo (los tres primarios). XYZ se utiliza ampliamente en trabajos científicos y campos técnicos. Las descripciones de color en otros espacios de color suelen estar relacionadas con su representación en este espacio. Los valores de color RGBA (Red, Green, Blue, Alpha) son una extensión de los valores de color RGB con un canal alfa que determina la opacidad del color. El parámetro alfa es un número entre 0,0 y 1,0 que especifica la transparencia. Por ejemplo, rgba(255, 0, 0) se muestra en rojo puro, rgba(255, 0, 0, 0.5) se muestra en rojo con un 50 % de opacidad. Para un valor RGBA, a diferencia de los valores RGB, no existe notación hexadecimal.

Similar a RGB/RGBA, HSL tiene un modo HSLA compatible con un canal alfa para especificar la opacidad del color. El valor de color HSLA (Hue, Saturation, Lightness, Alpha) se especifica con tono, saturación, luminosidad y alfa, donde el parámetro alfa especifica la opacidad. El parámetro alfa es un número entre 0,0, que significa “totalmente transparente” y 1,0, que significa “totalmente opaco”. Por ejemplo, hsla(0, 100%, 50%, 1) se muestra en rojo puro, hsla(0, 100%, 50%, 0,5) se muestra en rojo con un 50% de opacidad.

Los colores CMYK (Cyan, Magenta, Yellow, and blacK) son una combinación de cian, magenta, amarillo y negro. Este modelo se conoce como sustractivo, ya que las tintas restan los colores al blanco. CMYK es uno de los modelos de color más populares. El modelo de color CMYK se utiliza en tintas de impresión para papel. Este modelo incluye muchos colores, pero la cantidad de colores es limitada en comparación con RGB. CMYK se usa ampliamente al crear diseños para impresión para garantizar que los colores deseados sean precisos y nunca para hojas de estilo o HTML. CMYK no es compatible con HTML, pero se sugiere como nuevo estándar en CSS4.

Conversor de color es una aplicación en línea gratuita para transformar colores entre formatos de color. ¡Simplemente ingrese el código de color y obtenga el resultado de inmediato! No necesitas ningún software adicional. ¡Pruebe nuestro contundente convertidor de colores ahora mismo!