Convertidor de colores
Escribe o pega un color en HEX, RGB, HSL, HSV o CMYK, o elígelo con el selector: lo convertimos al momento a todos los demás formatos, listos para copiar.
El color tiene transparencia: la vista previa la muestra sobre un tablero de ajedrez. HSV y CMYK no tienen transparencia y la dejan fuera.
El CMYK de aquí es la fórmula simple, sin perfil de color: en imprenta el resultado depende del papel y de las tintas, así que para una impresión de verdad conviene pedir el perfil a quien imprime.
Historial. Toca un color para recuperarlo:
Cinco formatos, cuándo usar cada uno
El HEX, como #ff8a5c, es el formato más corto y el estándar de las hojas de estilo y de los programas de diseño. Se escribe con 6 cifras, con 3 (cada cifra vale doble: #f80 es #ff8800) o con 8 o 4, donde el último par es la transparencia: #ff8a5c80 es el mismo naranja a la mitad. La almohadilla también se puede omitir.
El RGB dice cuánto rojo, verde y azul hay, de 0 a 255, y con un cuarto número la transparencia. El HSL (tono, saturación, luminosidad) es el más cómodo para hacer variantes: con el mismo tono y cambiando solo la luminosidad salen las versiones más claras y más oscuras del mismo color. El HSV, que algunos programas llaman HSB, es el de los selectores de color de Photoshop, Figma y GIMP: ahí el 100% de valor es el color más vivo, no el blanco. Cada uno de ellos se puede también escribir en el campo, no solo copiar.
Los decimales que hagan falta, y el punto
Cada fila, copiada y releída, tiene que devolver el mismo color. Con números enteros no siempre pasa: el gris rgb(127, 127, 127) en HSL redondeado sería hsl(0, 0%, 50%), que releído da rgb(128, 128, 128), un gris distinto. Por eso aquí un decimal aparece solo cuando hace falta: ese gris sale como hsl(0, 0%, 49.8%), y #f80 en CMYK sale como cmyk(0%, 46.7%, 100%, 0%), porque con el 47% volvería como #ff8700.
En los códigos el separador decimal es siempre el punto, también en esta página: son código para pegar en una hoja de estilo o en un programa de diseño, y la coma no la entienden. Si falta un paréntesis o un número está fuera de escala, como en rgb(300, 0, 0), la página lo dice en lugar de adivinar. El CMYK también se puede escribir en fracciones de 0 a 1, como lo exportan muchos programas: cmyk(0, 0.46, 0.64, 0) equivale a cmyk(0%, 46%, 64%, 0%). Son fracciones solo si ningún valor lleva el signo de porcentaje y los cuatro están entre 0 y 1; si no, son porcentajes.
Por qué el CMYK es solo una aproximación
Las pantallas emiten luz (color RGB aditivo), mientras que el papel la refleja (CMYK sustractivo): los dos espacios de color sencillamente no coinciden. Los colores muy saturados o muy brillantes que ves en un monitor a menudo no se pueden reproducir en papel. El valor CMYK que se calcula aquí es la conversión matemática estándar, perfecta para hacerte una idea o preparar un borrador, pero para los trabajos de impresión profesionales conviene comprobarlo siempre con el perfil ICC que te facilite tu imprenta.
Cuatro páginas, dos tareas
Conversor de colores y Selector de color son la misma herramienta con dos entradas, el código escrito y el selector: el mismo color da las mismas filas en las dos páginas. Para los colores al azar están Color aleatorio y Generador de paletas, que son el mismo generador con un color o con cinco.