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

#618DC8

Cornflower · 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

#618DC8

#C89C61

complementary2 colors

#61C89C

#61C0C8

#618DC8

#6861C8

#9C61C8

analogous5 colors

#618DC8

#C8618D

#8DC861

triadic3 colors

#618DC8

#C86861

#C0C861

split complementary3 colors

#618DC8

#9C61C8

#C89C61

#8DC861

tetradic4 colors

#618DC8

#C861C0

#C89C61

#61C868

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

Conversioni colore

Details

Verifica contrasto

Aaon Bianco

3.41:1Debole

AAAA LgAAAAAA Lg

Aaon Nero

6.15:1Accettabile

AAAA LgAAAAAA Lg

Apri verifica contrasto

Simulazione daltonismo

Protanopia#7690CB

Deuteranopia#6986C7

Tritanopia#2D9AA2

Acromatopsia#8B8B8B

Apri simulazione daltonismo

Variazioni

Tinte

#7599CE

#87A5D4

#99B1DB

#ABBEE1

#BCCBE7

#CDD7ED

#DDE4F3

#EEF2F9

Ombre

#577CB0

#4C6C98

#425C80

#384D6A

#2F3E54

#252F40

#1B222C

#12141A

Toni

#678BC0

#6C8AB8

#7088B0

#7487A8

#7786A0

#7A8498

#7C8390

#7E8188

Colori correlati

Cornflowerblue

Blueberry

Horizon

Cornflower Blue

Steelblue

Dodgerblue

Azure Blue

Storm Blue