Conversor de Colores Gratis: HEX, RGB, HSL y CMYK
Este conversor de colores gratuito toma un color en HEX, RGB, HSL o CMYK y lo devuelve en los cuatro formatos, con una muestra para verificarlo, valores CSS listos para copiar y el color nombrado CSS más cercano. Pega #1273b5, rgb(18, 115, 181), hsl(204, 82%, 39%) o 90, 36, 0, 29 y el formato se detecta automáticamente. Es ideal para diseñadores, desarrolladores y cualquiera que necesite hacer coincidir un color de marca para impresión.
Color Converter
Generators and Converters
Sobre esta herramienta
HEX y RGB describen lo mismo: cuánta luz roja, verde y azul mezcla una pantalla, de 0 a 255 por canal, escrito en hexadecimal o decimal. HSL describe el color como la gente lo piensa: un matiz en la rueda de colores, una saturación y una luminosidad, lo que lo hace el formato más fácil para hacer un color más claro, más oscuro o más apagado en CSS. CMYK es el modelo sustractivo que usan las imprentas: tinta cian, magenta, amarilla y negra como porcentajes.
El conversor acepta HEX abreviado (#abc), HEX con o sin almohadilla, funciones CSS rgb() y hsl(), números separados por comas o espacios, y cmyk() o cuatro porcentajes. Los valores alfa se ignoran. Convierte a través de RGB usando las fórmulas estándar, redondea HSL a grados y porcentajes enteros, y muestra el más cercano de los colores nombrados CSS por distancia, lo que es útil cuando necesitas un nombre legible en una guía de estilos.
La conversión CMYK aquí es del tipo matemático simple, sin perfil de color ICC, así que te dice las proporciones de tinta pero no exactamente cómo una prensa y papel específicos renderizarán el color. Para trabajo de marca que va a impresión, dale al impresor el valor HEX o RGB y pide una prueba, o haz coincidir una muestra Pantone. Los colores de pantalla más brillantes que cualquier tinta, como el verde RGB puro, siempre imprimirán más apagados.
Preguntas frecuentes
¿Cómo convierto HEX a RGB manualmente?
Divide el HEX de seis dígitos en tres pares: #1273b5 es 12, 73 y b5. Convierte cada par de hexadecimal a decimal: 12 es 18, 73 es 115 y b5 es 181, así que el color es rgb(18, 115, 181). Un HEX de tres dígitos como #fa3 duplica cada dígito primero: #ffaa33. En la dirección opuesta, convierte cada canal a un número hexadecimal de dos dígitos y únelos.
¿Por qué mi color CMYK se ve diferente cuando se imprime?
Una pantalla mezcla luz y una impresora mezcla tinta, y la tinta no puede reproducir los colores de pantalla más brillantes, especialmente verdes, azules y naranjas saturados. Las matemáticas aquí dan las proporciones de tinta sin un perfil de color, así que el resultado impreso también depende de la prensa, el papel y el perfil que usa la imprenta. Pide una prueba impresa para cualquier color de marca que importe.
¿Cuándo debo usar HSL en lugar de HEX en CSS?
Usa HSL cuando construyas una paleta a partir de un color de marca: mantén el matiz, luego cambia la luminosidad para estados hover, bordes y fondos, y la saturación para variantes apagadas. Los valores permanecen legibles y relacionados, donde un conjunto de códigos HEX parece aleatorio. Todos los navegadores modernos soportan hsl(), y puedes mezclar HSL y HEX libremente en una hoja de estilos.
¿El conversor maneja transparencia?
Lee valores HEX de 8 dígitos, rgba() y hsla() pero ignora la parte alfa y convierte solo el color sólido, porque CMYK y los colores nombrados no tienen transparencia. Añade el alfa de vuelta en tu CSS, por ejemplo rgb(18 115 181 / 50%). La muestra siempre muestra el color sólido.