Categoria: Sviluppo
Generatore di palette di colori
Costruisci uno schema attorno a un colore
Scegli un colore base e ottieni una palette in base alla relazione sulla ruota dei colori: complementare, analoga, triadica, tetradica, monocromatica o una scala di sfumature. Copia ogni valore in HEX, RGB o HSL.
- 1
#0f7b63 - 2
#7b0f26 - 3
#073b30 - 4
#3b0712 - 5
#17ba97
#0f7b63 #7b0f26 #073b30 #3b0712 #17ba97
La palette viene calcolata dal colore che inserisci. Non viene caricato nulla.
Tutto ciò che c'è in questa pagina viene elaborato nel tuo browser. Niente viene caricato.
A cosa serve
Le relazioni dietro una palette sono geometria sulla ruota dei colori: il complementare sta di fronte al base, gli analoghi ai suoi lati, una triade sono tre punti equidistanti. Farlo a mano significa convertire in HSL, sommare gradi e riconvertire, ed è lì che di solito si smette di provare. Qui la tinta viene ruotata per te e, quando uno schema ha meno tinte dei campioni richiesti, viene scalata la luminosità invece di ripetere un colore: cinque campioni da una coppia complementare restano cinque colori utilizzabili. Ogni campione porta un'etichetta leggibile e si copia nella notazione usata dal tuo foglio di stile.
Come si usa
- Scegli o scrivi il colore base su cui costruire.
- Seleziona uno schema e quanti colori ti servono.
- Copia un singolo valore, o l'intera palette in una volta.
Privacy
Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.
Domande frequenti
- Da quale schema conviene partire?
- Analogo per un insieme quieto e coerente, complementare quando serve un accento che spicchi, monocromatico quando l'interfaccia deve restare sobria e lasciare guidare il contenuto.
- Queste palette sono accessibili?
- Non automaticamente. Uno schema riguarda l'armonia, non il contrasto. Controlla ogni coppia di testo e sfondo con un verificatore di contrasto prima di pubblicare.
- Il mio colore viene inviato da qualche parte?
- No. La palette è calcolata nella pagina dal colore che inserisci, e non viene caricato né salvato nulla.