Centro de Conocimiento y Guía
Conversor de Formatos de Color: Espacios HEX, RGB, HSL y CMYK
Conversor de Formatos de Color: Espacios HEX, RGB, HSL y CMYK
Esta herramienta funciona 100% del lado del cliente en su navegador. Sus fotos, videos, grabaciones de audio y documentos PDF nunca se suben a ningún servidor, garantizando privacidad absoluta.
Fórmula y Método de Cálculo
RGB(r,g,b) ➔ Matiz ➔ Saturación ➔ Luminosidad ➔ Matriz de formato base
Converting between spaces requires floating point math. For example, converting RGB to HSL requires identifying the maximum and minimum RGB values to calculate perceived luminance before extracting the angular hue.
Mejores Prácticas y Consejos
- Use CMYK for Physical Print: The RGB color space uses emitted light, meaning it can create neon, hyper vibrant colors that are physically impossible to replicate using CMYK ink on paper. Always convert and preview in CMYK before printing.
- Use Complementary Schemes for Call to Actions (CTAs): A complementary color sits directly across the color wheel. If your brand is primary Blue, a complementary Orange button will create the highest possible optical contrast.
- Beware of Saturation Traps in HSL: Scaling the lightness down in HSL while keeping saturation at 100% often creates muddy, hyper saturated colors. Pro designers naturally decrease saturation slightly as colors get darker.
Preguntas Frecuentes
¿Qué diferencia hay entre HSV y HSL?
HSV significa Tono, Saturación, Valor, donde el 100% de Valor es color puro. HSL significa Tono, Saturación, Luminosidad, donde el 100% de Luminosidad es blanco puro. CSS utiliza HSL, no HSV.
¿Por qué mi conversión a CMYK se ve opaca?
La gama de colores CMYK es físicamente más pequeña que la gama RGB. Los tonos azules y verdes extremadamente vibrantes en RGB simplemente no se pueden mezclar con tintas estándar de cian, magenta, amarillo y negro, por lo que el conversor los ajusta al equivalente imprimible más cercano.
¿Qué es un esquema de color análogo?
Un esquema análogo utiliza tres colores que se encuentran directamente uno al lado del otro en la rueda de colores (por ejemplo, rojo, rojo-naranja, naranja). Crea una estética muy armoniosa y de bajo contraste.