HueOdysseyGeneratore di palette cromatiche semantiche
Descrivi il sito o l’interfaccia che stai progettando. Ottieni una palette semantica locale, poi continua nell’editor per verificarla, perfezionarla ed esportarla.
Sette ruoli semantici Verifica del contrasto WCAG CSS, Tailwind e PNG
Parti da una direzione. Mantieni chiari i ruoli.
Punti di partenza selezionati per gli stili che le persone cercano già.
01
Lusso
Brand di boutique hotel dal lusso discreto
02Minimalista
Studio di prodotto minimalista dal taglio editoriale
03Pastello
Brand lifestyle contemporaneo dai toni pastello
04Cyberpunk
Interfaccia cyberpunk per un gioco multigiocatore
05Vintage
Packaging vintage per un panificio di quartiere
06Retrò
Rivista di tecnologia retrò dal tono ottimista
Pensato per ciò che stai progettando.
sfondo#F9F8F6
superficie#FFFFFF
testo#171817
principale#C19E33
accento#5140E7
attenuato#797363
I calcoli del colore restano nel browser.
Senza IA, senza caricamenti e senza account.
Generatore di palette di colori da immagine
Estrai 5, 7 o 10 colori dominanti da un’immagine direttamente nel browser. Il file non lascia mai il dispositivo.
Apri lo strumentoVerifica del contrasto colori
Misura il contrasto WCAG per testo normale o grande e trova il colore del testo più vicino che supera il livello AA.
Apri lo strumentoGeneratore di gradienti CSS
Crea gradienti CSS lineari o radiali con punti colore e angolo modificabili.
Apri lo strumentoMiscelatore di colori
Combina due colori in percentuale e visualizza il risultato in HEX, RGB e HSL.
Apri lo strumentoGeneratore di tonalità colore
Trasforma un valore HEX in una scala di undici tonalità strutturata come una palette Tailwind.
Apri lo strumentoConvertitore di colori
Converti un colore tra HEX, RGB, HSL, HSV e OKLCH in un’unica pagina.
Apri lo strumentoColori popolari