Genere un color complementario desde un valor hex o RGB

Este generador acepta un valor hex o RGB habitual, conserva su saturación y luminosidad, gira el tono exactamente 180 grados y devuelve el color base normalizado junto con el complemento generado. Puede usarlo para crear relaciones fuertes de dos colores en interfaces, ilustraciones, gráficos, exploraciones de marca o tokens de diseño. El cálculo es determinista: una misma entrada válida siempre produce el mismo resultado, mientras que los formatos incorrectos se rechazan con un error claro.

Introduzca un color base preciso

Comience con el color que ya conoce. El generador acepta hex de tres dígitos como #369, hex de seis dígitos como #336699, esos mismos seis dígitos sin almohadilla o una función RGB como rgb(51, 102, 153). Las letras hex no distinguen mayúsculas de minúsculas y el valor devuelto se normaliza como hex de seis dígitos en mayúsculas. Los canales RGB deben ser enteros entre cero y 255. Los formatos ambiguos, incluidos nombres CSS, canales alfa, porcentajes, cadenas hex incompletas y canales fuera del intervalo válido, se rechazan en vez de interpretarse. Envíe el valor en el campo color; también se admite el alias value. La respuesta repite el color base normalizado para que usted confirme qué interpretó el servicio antes de utilizar el resultado generado.

Comprenda el giro de tono de 180 grados

El cálculo convierte el color base de RGB al modelo HSL, suma 180 grados al tono, ajusta el resultado dentro del círculo de 360 grados y lo convierte de nuevo a RGB. La saturación y la luminosidad permanecen intactas. Se trata de un complemento cromático, no de una simple inversión de cada canal RGB. El rojo se dirige al cian, el verde al magenta y el azul al amarillo. El redondeo solo se aplica al volver a los canales RGB enteros. Los grises neutros tienen saturación cero y carecen de un tono visible; girar su tono no modifica su aspecto. La respuesta incluye valores hex y canales rojo, verde y azul separados tanto para la base como para el complemento, lo que facilita su uso visual y programático sin obligar a analizar una cadena con formato.

Utilice el resultado como relación inicial

Los colores complementarios crean una separación intensa, pero la pareja obtenida es un punto de partida y no una garantía de accesibilidad o de buena composición. Dos complementos muy saturados en cantidades iguales pueden vibrar visualmente; por eso muchas interfaces usan un tono como superficie dominante y reservan el complemento para un acento, estado, serie de datos o llamada a la acción. También puede crear tintes y sombras de cualquiera de los dos colores. Para textos y controles, compruebe el contraste con el fondo real, pues las posiciones opuestas no garantizan la misma luminancia. La salida determinista resulta útil cuando un proceso de compilación debe derivar siempre el mismo acento de un color de marca. También encaja en prototipos, gráficos, temas y flujos de recursos. Las solicitudes de API usan el precio base publicado de $0.002, mientras que el navegador puede ejecutar localmente el mismo cálculo puro.