Generatore di colori complementari

Restituisce due colori come codici esadecimali di sei cifre in minuscolo. Il colore 1 è il colore di base, mentre il colore 2 è il suo complementare, quello direttamente opposto sulla ruota dei colori.

Lo strumento converte il codice esadecimale in HSL, aggiunge 180 gradi alla tonalità e mantiene invariati saturazione e luminosità. Il valore ruotato viene riconvertito in RGB e scritto come codice esadecimale, così il complementare ha la stessa vivacità e luminosità del colore di base.

Inserisci un codice esadecimale di 3 o 6 cifre, con o senza il # iniziale, in maiuscolo o minuscolo, ad esempio #ff5733, FF5733 o #f00. Qui non sono accettate le notazioni RGB e HSL né i nomi dei colori: convertili prima in esadecimale con un convertitore di colori.

Il colore di base viene convertito in HSL usando valori interi per tonalità, saturazione e luminosità, quindi riconvertito in esadecimale: perciò un canale può variare di un singolo valore. Per esempio, #ff5733 viene restituito come #ff5833 e il suo complementare è #33daff.

Il complementare di #ff0000 è #00ffff, il ciano. Questo strumento usa la ruota HSL RGB usata sugli schermi, quindi al rosso abbina il ciano e non il verde come nella tradizionale ruota dei pittori.

I colori neutri hanno saturazione zero, quindi ruotare la tonalità non cambia nulla e i due risultati sono dello stesso grigio. Scegli un colore di base con un po' di saturazione se ti serve un complementare visibile.

Usa un colore per la maggior parte della superficie e il complementare con parsimonia per inviti all'azione, evidenziazioni o dati che vuoi far risaltare. Quantità uguali di entrambi a saturazione massima tendono a creare un effetto visivo vibrante, quindi schiariscine o scuriscine uno per le aree più ampie.

No, calcola solo la coppia di colori. Il complementare mantiene la luminosità del colore di base, quindi i due colori possono avere una luminanza simile e offrire poco contrasto per il testo; verifica la coppia con uno strumento di controllo del contrasto WCAG prima di usarne uno sullo sfondo dell'altro.

No, ogni esecuzione accetta esattamente un codice esadecimale. Un input con più righe o testo aggiuntivo viene rifiutato con un messaggio di errore, quindi esegui lo strumento una volta per ogni colore di base.

Sì. Questo strumento esegue lo stesso calcolo dell'opzione Complementare del Generatore di tavolozze di colori, quindi lo stesso colore di base produce sempre gli stessi due codici esadecimali in entrambi gli strumenti.