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

#E7168E

Magenta Pink · Pink

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

#E7168E

#16E76F

complementary2 colors

#6F16E7

#D816E7

#E7168E

#E71625

#E76F16

analogous5 colors

#E7168E

#8EE716

#168EE7

triadic3 colors

#E7168E

#25E716

#16E7D8

split complementary3 colors

#E7168E

#E76F16

#16E76F

#168EE7

tetradic4 colors

#E7168E

#E7D816

#16E76F

#1625E7

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

Conversioni colore

Details

Verifica contrasto

Aaon Bianco

4.28:1Debole

AAAA LgAAAAAA Lg

Aaon Nero

4.90:1Accettabile

AAAA LgAAAAAA Lg

Apri verifica contrasto

Simulazione daltonismo

Protanopia#4D6391

Deuteranopia#86878A

Tritanopia#FA0055

Acromatopsia#7A7A7A

Apri simulazione daltonismo

Variazioni

Tinte

#ED469A

#F263A6

#F67CB2

#FA94BF

#FDAACB

#FFBFD8

#FFD5E5

#FFEAF2

Ombre

#CB1C7D

#AF1E6D

#951F5D

#7B1E4D

#621C3E

#4A1830

#331422

#1E0E15

Toni

#DD348C

#D3458B

#C85289

#BD5D88

#B26686

#A76D85

#9B7483

#8E7A82

Colori correlati

Deeppink

Mulberry

Rose

Mediumvioletred

Bougainvillea

Lipstick Red

Hibiscus

Ruby