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

#059DD6

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

#059DD6

#D63E05

complementary2 colors

#05D63E

#05D6A6

#059DD6

#0534D6

#3E05D6

analogous5 colors

#059DD6

#D6059D

#9DD605

triadic3 colors

#059DD6

#D60534

#D6A605

split complementary3 colors

#059DD6

#3E05D6

#D63E05

#9DD605

tetradic4 colors

#059DD6

#A605D6

#D63E05

#34D605

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

Conversioni colore

Details

Verifica contrasto

Aaon Bianco

3.09:1Debole

AAAA LgAAAAAA Lg

Aaon Nero

6.80:1Accettabile

AAAA LgAAAAAA Lg

Apri verifica contrasto

Simulazione daltonismo

Protanopia#809CD9

Deuteranopia#688BD5

Tritanopia#00ACB1

Acromatopsia#939393

Apri simulazione daltonismo

Variazioni

Tinte

#47A7DB

#67B2DF

#80BDE4

#98C7E9

#AED2ED

#C3DDF2

#D7E8F6

#EBF4FB

Ombre

#158ABC

#1B78A2

#1E6689

#1E5571

#1D445A

#193443

#15242E

#0F161B

Toni

#339ACC

#4796C2

#5593B9

#6090AF

#698DA6

#708A9C

#768693

#7B8389

Colori correlati

Cyan Blue

Pacific Blue

Horizon

Carolina Blue

Deepskyblue

Glacier

Steelblue

Dodgerblue