Qolor
1
Scegli
Colori
Sfoglia i colori per nome
Palette
Palette di colori curate per il tuo prossimo progetto.
2
Crea
Crea palette
Crea palette personalizzate — scegli i colori, tagga e condividi.
Palette dal colore
Suggerimenti di palette istantanei da un colore di base.
Armonia dei colori
Esplora armonie cromatiche complementari, triadiche e altre.
Da Immagine
Ottieni colori da una foto
3
Visualizza
Visualizzatore
Anteprima della tua palette su mockup di design reali.
Componenti
Anteprima di elementi UI atomici come pulsanti, input e badge con la tua palette.
Grafici
Visualizza la tua palette applicata a grafici a barre, a linee e a ciambella.
Intestazioni
Esplora ogni combinazione di colore di sfondo e testo per la tipografia.
Loghi
Testa le combinazioni di colori del brand per loghi e wordmark.
Icone
Anteprima della tua palette applicata a icone multicolore di Lucide e Heroicons.
Tema DaisyUI
Genera temi DaisyUI completi da qualsiasi colore base.
Tailwind CSS
Crea e visualizza scale di colori Tailwind CSS.
Shadcn UI
Anteprima della tua palette mappata sui token di design shadcn/ui.
Material 3
Visualizza la tua palette come token di colore dinamici Material Design 3.
Bootstrap
Anteprima della tua palette con lo stile dei componenti Bootstrap 5.
Mockup App
Anteprima dei tuoi colori in un mockup realistico di app mobile.
Pattern
Anteprima della tua palette su design di pattern geometrici e astratti.
Modelli
Anteprima della tua palette applicata a layout di modelli SVG.
Altro
Selettore Colori
Scegli e converti colori
Verifica Contrasto
Test accessibilità WCAG
Sim. Daltonismo
Testa deficit visione colori
Convertitore
Converti i colori tra HEX, RGB, HSL, CMYK e altro.
Generatore Sfumature
Crea sfumature CSS
Generatore di logo
Testa colori su logo e icona
Le mie palette
Salva, organizza e assegna token di framework alle tue palette.
Seleziona lingua
EN
English
DE
Deutsch
German
ES
español
Spanish
FR
français
French
ID
Indonesia
Indonesian
IT
italiano
Italian
PT
português
Portuguese
RU
русский
Russian
AR
العربية
Arabic
HI
हिन्दी
Hindi
ZH
中文
Chinese
JA
日本語
Japanese
Chiudi
Sign in
Strumenti
1
Scegli un colore
Colori
Sfoglia i colori per nome
Palette
Palette di colori curate per il tuo prossimo progetto.
2
Crea una palette
Crea palette
Crea palette personalizzate — scegli i colori, tagga e condividi.
Palette dal colore
Suggerimenti di palette istantanei da un colore di base.
Armonia dei colori
Esplora armonie cromatiche complementari, triadiche e altre.
Da Immagine
Ottieni colori da una foto
3
Vedi in azione
Visualizzatore
Anteprima della tua palette su mockup di design reali.
Componenti
Anteprima di elementi UI atomici come pulsanti, input e badge con la tua palette.
Grafici
Visualizza la tua palette applicata a grafici a barre, a linee e a ciambella.
Intestazioni
Esplora ogni combinazione di colore di sfondo e testo per la tipografia.
Loghi
Testa le combinazioni di colori del brand per loghi e wordmark.
Icone
Anteprima della tua palette applicata a icone multicolore di Lucide e Heroicons.
Tema DaisyUI
Genera temi DaisyUI completi da qualsiasi colore base.
Tailwind CSS
Crea e visualizza scale di colori Tailwind CSS.
Shadcn UI
Anteprima della tua palette mappata sui token di design shadcn/ui.
Material 3
Visualizza la tua palette come token di colore dinamici Material Design 3.
Bootstrap
Anteprima della tua palette con lo stile dei componenti Bootstrap 5.
Mockup App
Anteprima dei tuoi colori in un mockup realistico di app mobile.
Pattern
Anteprima della tua palette su design di pattern geometrici e astratti.
Modelli
Anteprima della tua palette applicata a layout di modelli SVG.
Altre risorse
Selettore Colori
Scegli e converti colori
Verifica Contrasto
Test accessibilità WCAG
Sim. Daltonismo
Testa deficit visione colori
Convertitore
Converti i colori tra HEX, RGB, HSL, CMYK e altro.
Generatore Sfumature
Crea sfumature CSS
Generatore di logo
Testa colori su logo e icona
Le mie palette
Salva, organizza e assegna token di framework alle tue palette.
Scegli un colore
Template SVG
Poster, schede e layout renderizzati dal vivo con i tuoi colori
Salva
Salva come nuova palette
Apri palette
Mostra etichette
Mescola
Casuale
Tutti
App
Schede
Componenti
Grafici
Sfumature
Loghi
Intestazioni
Motivi
Richiesta
Avatars
Solid
Soft
Outline
Surface
Photo
primary
E
E
E
E
secondary
E
E
E
E
tertiary
E
E
E
E
accent
E
E
E
E
surface
E
E
E
E
The Quick Brown
A showcase of your color palette in serif typography
Design is not just
what it looks like.
Design is how
it works.
01
MODERN
Design System Color Preview
2.4k
98%
5.0
COLOR
COLOR
COLOR
Layered typography effect
"
Color is a power which
directly influences
the soul.
Wassily Kandinsky
COLOR IS
EVERY
THING
DES
IGN
lorem
ipsum
ABSTRACT POSTER
MOS
TER
ABSTRACT
and BRIGHT
Hero della landing page
Esporta
Scarica SVG
Scarica PNG
Modifica palette
Apri nel Generatore di palette
Prossimi passi
Verifica contrasto
Testa conformità WCAG
Simula CVD
Testa daltonismo
Schede
Componenti
Grafici
App
Intestazioni
Loghi
Visualizer.icons
Motivi
Modelli