Cómo crear armonías cromáticas con un código hexadecimal

Antes de elegir una combinación

Esta herramienta genera armonías cromáticas a partir de un color escrito en hexadecimal RGB. Puede resultarte útil cuando estás preparando una paleta, comparando relaciones entre tonos o explorando variaciones de un color que ya forma parte de una propuesta visual. El proceso parte de un color base y de un tipo de armonía, aunque las dos entradas son opcionales.

La herramienta admite cinco relaciones identificadas como complementary, analogous, triadic, split_complementary y tetradic. El resultado no pretende decidir si una combinación es adecuada para una marca, una interfaz o una ilustración; muestra las variaciones calculadas según la relación que hayas seleccionado. Así puedes observar el punto de partida y las alternativas cromáticas sin confundir el cálculo con una recomendación estética.

Si no escribes un color, se utiliza #3498db. Cuando tampoco indicas el tipo de armonía, se aplica complementary. Estos valores predeterminados permiten consultar el funcionamiento básico sin preparar una entrada, pero elegir tus propios datos facilita que el resultado corresponda al proyecto que estás revisando.

Configuración y consulta paso a paso

1. Escribe el color de partida como un valor hexadecimal RGB. Puedes incluir el signo # o dejarlo fuera, porque la herramienta lo añade cuando falta. También admite la forma abreviada de tres cifras: por ejemplo, 39c se interpreta mediante su ampliación a seis cifras.

2. Comprueba que la entrada representa un color hexadecimal RGB y que no estás mezclando otros formatos de color. La conversión prevista para este campo corresponde a valores hexadecimales, así que conviene revisar letras, números y longitud antes de continuar.

3. Selecciona en el control disponible el tipo que quieras analizar: complementary, analogous, triadic, split_complementary o tetradic. Conserva la escritura de estas opciones, incluidos el guion bajo de split_complementary y la ausencia de espacios.

4. Ejecuta la consulta con el control de la herramienta. Si omites solo el tipo, se emplea complementary para el color que hayas escrito. Si dejas sin indicar ambos datos, la consulta utiliza el color predeterminado #3498db junto con esa armonía.

5. Examina primero el color base normalizado y después la colección de colores generados. La comparación resulta más clara si separas el tono de partida de las variaciones producidas por la relación elegida.

6. Guarda o copia los valores que necesites para tu trabajo a partir de la representación mostrada. La salida expresa los colores como códigos hexadecimales de seis cifras, en minúsculas y con # inicial; los canales RGB se redondean y se mantienen dentro del intervalo de 0 a 255.

Lectura cromática de la respuesta

El color base normalizado sirve como referencia para leer la respuesta, mientras que los colores generados representan las variaciones asociadas al tipo elegido. La armonía complementary desplaza el tono de entrada 180 grados y conserva su saturación y luminosidad. Por eso, su lectura se centra en la oposición cromática respecto del punto de partida.

En analogous, los desplazamientos del tono son de -30 y +30 grados, y las variaciones utilizan el 90 % de la luminosidad de entrada. La relación triadic desplaza el tono 120 y 240 grados; la solicitud probada para este tipo produce cuatro entradas de armonía, incluida la base. Esta cantidad describe la forma comprobada de esa respuesta, no una valoración sobre la calidad de la paleta.

La opción split_complementary trabaja con desplazamientos de 150 y 210 grados, y la consulta probada para ella se completa correctamente. tetradic utiliza desplazamientos de 60, 180 y 240 grados. En todos los casos, la conversión de los canales da lugar a códigos hexadecimales normalizados, con redondeo y límites RGB aplicados antes de presentar el resultado.

Para interpretar la salida, compara las posiciones cromáticas y la luminosidad con el color base en lugar de leer los códigos como nombres de color. Si necesitas decidir qué combinación funciona mejor, esa decisión debe hacerse dentro de tu contexto visual, porque la herramienta entrega variaciones calculadas. Un tipo que no figure entre las opciones reconocidas no debe tratarse como una paleta: la respuesta correspondiente contiene un error.

Ejemplo práctico

Estás revisando qué variación cromática complementaria parte del azul hexadecimal #3498db.

Escribe #3498db, selecciona complementary y ejecuta la consulta para observar la respuesta correspondiente.

La respuesta muestra el color base normalizado y el color o los colores generados para complementary, expresados como códigos hexadecimales de seis cifras, en minúsculas y con # inicial.

Limitaciones

• La herramienta reconoce cinco nombres de armonía: complementary, analogous, triadic, split_complementary y tetradic; otro nombre devuelve una respuesta con error.

Errores frecuentes

• Un tipo escrito fuera de las cinco opciones reconocidas provoca una respuesta con error. Selecciona complementary, analogous, triadic, split_complementary o tetradic y vuelve a ejecutar la consulta.

Preguntas frecuentes

¿Puedo escribir el hexadecimal sin el signo #?

Sí: puedes omitir el signo #, ya que se incorpora al interpretar la entrada. Una forma hexadecimal de tres cifras también se amplía a seis antes de continuar con la conversión RGB.

¿Qué sucede cuando dejo las entradas vacías?

El color ausente se sustituye por #3498db; si tampoco proporcionas una armonía, se toma complementary como tipo predeterminado. Al indicar una sola entrada, el valor que falte se completa de la misma manera.

¿Qué relaciones cromáticas puedo seleccionar?

Las opciones reconocidas son complementary, analogous, triadic, split_complementary y tetradic. Si introduces otro nombre, la respuesta contiene un error en vez de una paleta generada.