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

#D36E56

Terracotta · Red

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

#D36E56

#56BBD3

complementary2 colors

#D356BB

#D3567C

#D36E56

#D3AC56

#BBD356

analogous5 colors

#D36E56

#56D36E

#6E56D3

triadic3 colors

#D36E56

#56D3AC

#567CD3

split complementary3 colors

#D36E56

#BBD356

#56BBD3

#6E56D3

tetradic4 colors

#D36E56

#7CD356

#56BBD3

#AC56D3

square4 colors

Gradients

Light Fade

Dark Depth

Complementary

Analogous

Radial

Sunset

Conversioni colore

Details

Verifica contrasto

Aaon Bianco

3.42:1Debole

AAAA LgAAAAAA Lg

Aaon Nero

6.13:1Accettabile

AAAA LgAAAAAA Lg

Apri verifica contrasto

Simulazione daltonismo

Protanopia#887D54

Deuteranopia#A09354

Tritanopia#E65C68

Acromatopsia#8B8B8B

Apri simulazione daltonismo

Variazioni

Tinte

#DA7E67

#E18E79

#E79E8B

#EDAE9E

#F2BEB1

#F6CEC4

#FADED7

#FDEFEB

Ombre

#B9624C

#A05543

#88493A

#713E31

#5A3228

#442720

#2F1D18

#1C120F

Toni

#CB715B

#C3735F

#BA7664

#B27869

#A97A6D

#9F7B72

#967D77

#8B7F7B

Colori correlati

Burnt Sienna

Mesa

Clay

Adobe

Poppy Red

Canyon

Cinnabar

Tomato