Schema Colore Analogo

Uno schema di colori analoghi usa colori che si trovano vicini tra loro sulla ruota dei colori, di solito entro 30-60 gradi da una tonalità di base. Poiché le tonalità sono vicine tra loro, queste palette risultano armoniose e coese piuttosto che ad alto contrasto.

Il tuo colore base viene convertito in HSL, poi nuovi colori vengono generati spostando la tonalità su e giù del gradino angolo che scegli, mantenendo la stessa saturazione e luminosità del colore base, così ogni colore nella palette sembra parte della stessa famiglia.

30 gradi è la scelta tradizionale per gli schemi analoghi e funziona bene per la maggior parte dei design. Usa 15 gradi per una palette più sottile e raggruppata, o 45 gradi per una distribuzione più ampia che inizia a introdurre più contrasto.

Sì, usa "Copia come variabili CSS" per copiare un blocco :root pronto da incollare con ogni colore come proprietà personalizzata, o "Copia come lista HEX" per copiare solo i codici hex, uno per riga.

Gli schemi complementari abbinano un colore al suo opposto sulla ruota (180 gradi di distanza) per un alto contrasto, e gli schemi triadici usano tre colori distanziati uniformemente di 120 gradi. Gli schemi analoghi mantengono invece tutti i colori vicini tra loro, favorendo l'armonia rispetto al contrasto.