ColoriSfoglia i colori per nome

PalettePalette di colori curate per il tuo prossimo progetto.

Crea paletteCrea palette personalizzate — scegli i colori, tagga e condividi.

Palette dal coloreSuggerimenti di palette istantanei da un colore di base.

Armonia dei coloriEsplora armonie cromatiche complementari, triadiche e altre.

Da ImmagineOttieni colori da una foto

VisualizzatoreAnteprima della tua palette su mockup di design reali.

ComponentiAnteprima di elementi UI atomici come pulsanti, input e badge con la tua palette.

GraficiVisualizza la tua palette applicata a grafici a barre, a linee e a ciambella.

IntestazioniEsplora ogni combinazione di colore di sfondo e testo per la tipografia.

LoghiTesta le combinazioni di colori del brand per loghi e wordmark.

IconeAnteprima della tua palette applicata a icone multicolore di Lucide e Heroicons.

Tema DaisyUIGenera temi DaisyUI completi da qualsiasi colore base.

Tailwind CSSCrea e visualizza scale di colori Tailwind CSS.

Shadcn UIAnteprima della tua palette mappata sui token di design shadcn/ui.

Material 3Visualizza la tua palette come token di colore dinamici Material Design 3.

BootstrapAnteprima della tua palette con lo stile dei componenti Bootstrap 5.

Mockup AppAnteprima dei tuoi colori in un mockup realistico di app mobile.

PatternAnteprima della tua palette su design di pattern geometrici e astratti.

ModelliAnteprima della tua palette applicata a layout di modelli SVG.

Selettore ColoriScegli e converti colori

Verifica ContrastoTest accessibilità WCAG

Sim. DaltonismoTesta deficit visione colori

ConvertitoreConverti i colori tra HEX, RGB, HSL, CMYK e altro.

Generatore SfumatureCrea sfumature CSS

Generatore di logoTesta colori su logo e icona

Le mie paletteSalva, organizza e assegna token di framework alle tue palette.

Seleziona lingua

Strumenti

ColoriSfoglia i colori per nome

PalettePalette di colori curate per il tuo prossimo progetto.

Crea paletteCrea palette personalizzate — scegli i colori, tagga e condividi.

Palette dal coloreSuggerimenti di palette istantanei da un colore di base.

Armonia dei coloriEsplora armonie cromatiche complementari, triadiche e altre.

Da ImmagineOttieni colori da una foto

VisualizzatoreAnteprima della tua palette su mockup di design reali.

ComponentiAnteprima di elementi UI atomici come pulsanti, input e badge con la tua palette.

GraficiVisualizza la tua palette applicata a grafici a barre, a linee e a ciambella.

IntestazioniEsplora ogni combinazione di colore di sfondo e testo per la tipografia.

LoghiTesta le combinazioni di colori del brand per loghi e wordmark.

IconeAnteprima della tua palette applicata a icone multicolore di Lucide e Heroicons.

Tema DaisyUIGenera temi DaisyUI completi da qualsiasi colore base.

Tailwind CSSCrea e visualizza scale di colori Tailwind CSS.

Shadcn UIAnteprima della tua palette mappata sui token di design shadcn/ui.

Material 3Visualizza la tua palette come token di colore dinamici Material Design 3.

BootstrapAnteprima della tua palette con lo stile dei componenti Bootstrap 5.

Mockup AppAnteprima dei tuoi colori in un mockup realistico di app mobile.

PatternAnteprima della tua palette su design di pattern geometrici e astratti.

ModelliAnteprima della tua palette applicata a layout di modelli SVG.

Selettore ColoriScegli e converti colori

Verifica ContrastoTest accessibilità WCAG

Sim. DaltonismoTesta deficit visione colori

ConvertitoreConverti i colori tra HEX, RGB, HSL, CMYK e altro.

Generatore SfumatureCrea sfumature CSS

Generatore di logoTesta colori su logo e icona

Le mie paletteSalva, organizza e assegna token di framework alle tue palette.

Scegli un colore

Strumenti colore avanzati per designer e sviluppatori. Tutta l'elaborazione avviene nel tuo browser.

Scegli un colore

Crea una palette

Crea palette Palette dal colore Armonia dei colori Da Immagine

Vedi in azione

Visualizzatore Componenti Grafici Intestazioni Loghi Icone Tema DaisyUI Tailwind CSS Shadcn UI Material 3 Bootstrap Mockup App Pattern Modelli

Altri strumenti

Selettore Colori Verifica Contrasto Sim. Daltonismo Convertitore Generatore Sfumature Generatore di logo Le mie palette

Risorse

Chi siamo Articoli

Legale

Termini Privacy Cookie

© 2026 Qolor. Tutti i diritti riservati.

Termini Privacy Cookie

#AAA6EE

Periwinkle · Blue

Inspiration Textures Patterns Vectors Palettes Gradients Codes Details

Inspiration

+5 in arrivo a breve

Surfaces & Textures

+1 in arrivo a breve

Patterns

+9 in arrivo a breve

Vector Elements

Icon Set

Abstract Shapes

Geometric

Rings

Line Art

Emblem

Armonie cromatiche

#AAA6EE

#EAEEA6

complementary2 colors

#A6EAEE

#A6C6EE

#AAA6EE

#CEA6EE

#EEA6EA

analogous5 colors

#AAA6EE

#EEAAA6

#A6EEAA

triadic3 colors

#AAA6EE

#EECEA6

#C6EEA6

split complementary3 colors

#AAA6EE

#EEA6EA

#EAEEA6

#A6EEAA

tetradic4 colors

#AAA6EE

#EEA6C6

#EAEEA6

#A6EECE

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

Conversioni colore

Details

Verifica contrasto

Aaon Bianco

2.23:1Non superato

AAAA LgAAAAAA Lg

Aaon Nero

9.40:1Buono

AAAA LgAAAAAA Lg

Apri verifica contrasto

Simulazione daltonismo

Protanopia#92AFF1

Deuteranopia#90ABEC

Tritanopia#9AB3C0

Acromatopsia#ADADAD

Apri simulazione daltonismo

Variazioni

Tinte

#B4B0F0

#BEB9F2

#C7C3F4

#D1CDF6

#DAD7F8

#E4E1FA

#EDEBFC

#F6F5FD

Ombre

#9692D0

#827EB4

#6E6B98

#5B597D

#494763

#38364A

#272632

#17171C

Toni

#A6A2E1

#A19DD5

#9D99C8

#9895BC

#9491B0

#8F8CA4

#8A8898

#85848C

Colori correlati

Wisteria

Lightsteelblue

Mauve

Heather

Cornflower Blue

Lilac

Glacier

Ube