Generi un colore complementare da un valore hex o RGB

Questo generatore accetta un comune valore hex o RGB, ne conserva saturazione e luminosità, ruota la tonalità di 180 gradi e restituisce la base normalizzata insieme al complemento generato. Lei può usarlo per creare un forte rapporto a due colori in interfacce, illustrazioni, grafici, studi di marca o token di design. Il calcolo è deterministico: lo stesso input valido produce sempre lo stesso risultato, mentre i formati errati vengono rifiutati con un messaggio chiaro.

Inserisca un colore base preciso

Parta dal colore che conosce già. Il generatore accetta un hex di tre cifre come #369, uno di sei cifre come #336699, le stesse sei cifre senza cancelletto oppure una funzione RGB come rgb(51, 102, 153). Le lettere hex non distinguono maiuscole e minuscole e il valore restituito viene normalizzato in sei cifre maiuscole. I canali RGB devono essere numeri interi da zero a 255. I formati ambigui, compresi nomi CSS, canali alfa, percentuali, stringhe hex incomplete e canali fuori intervallo, vengono rifiutati invece di essere interpretati. Invii il valore nel campo color; è accettato anche l’alias value. La risposta ripete il colore base normalizzato, così Lei può verificare esattamente ciò che il servizio ha interpretato prima di utilizzare il risultato generato.

Comprenda la rotazione di 180 gradi

Il calcolo converte il colore base da RGB al modello HSL, aggiunge 180 gradi alla tonalità, riporta il risultato nella ruota di 360 gradi e lo riconverte in RGB. Saturazione e luminosità restano invariate. È un complemento sulla ruota cromatica, non una semplice inversione dei singoli canali RGB. Il rosso si sposta verso il ciano, il verde verso il magenta e il blu verso il giallo. L’arrotondamento avviene solo nel ritorno ai canali RGB interi. I grigi neutri hanno saturazione zero e nessuna tonalità visibile; la rotazione non ne modifica quindi l’aspetto. La risposta include sia il formato hex sia i canali rosso, verde e blu separati per la base e il complemento. Questa struttura supporta l’uso visivo e i flussi automatici senza richiedere l’analisi di una stringa formattata.

Usi il risultato come relazione iniziale

I colori complementari creano una separazione decisa, ma la coppia grezza è un punto di partenza, non una garanzia di accessibilità o buona composizione. Due complementi molto saturi in quantità uguali possono vibrare visivamente; molte interfacce usano quindi una tonalità come superficie dominante e riservano il complemento a un accento, uno stato, una serie di dati o un invito all’azione. Lei può anche ricavare tinte chiare e scure da entrambi. Per testi e controlli verifichi il contrasto sullo sfondo reale, perché posizioni opposte non implicano la stessa luminanza. L’output deterministico aiuta un processo di build a derivare sempre lo stesso accento da un colore di marca. È utile anche in prototipi, grafici, temi e pipeline di risorse. Le richieste API applicano il prezzo base pubblicato di $0.002, mentre il browser può eseguire localmente lo stesso calcolo puro.