Color Studio

Crea palette cromatiche armoniose da una ruota dei colori interattiva — applica regole di armonia come analogica, complementare o triade, poi copia qualsiasi valore all'istante.

Sfuma un colore di partenza verso uno finale in fino a 10 passaggi — visualizza il gradiente, cattura ogni tonalità e copia qualsiasi formato all'istante.

Genera una gamma completa di tinte e ombre da un singolo colore — scegli il passo di scurimento/schiarimento e il numero di tonalità, poi copia qualsiasi valore all'istante.

Estrai una palette raffinata e pronta da copiare da qualsiasi immagine.

Converti i colori tra HEX, RGB, RGBA, HSL, HSLA e HSV — scegli un colore, regola l'alpha e copia qualsiasi formato all'istante.

Trova il colore CSS nominato più vicino e la tonalità Tailwind più prossima per qualsiasi colore — abbinamento percettivo, con valori pronti da copiare.

Campiona qualsiasi pixel sul tuo schermo con il contagocce, o preleva colori da un'immagine trascinata, e raccoglili in una palette pronta da copiare.

Estrai un gradiente bellissimo da qualsiasi foto — carica un'immagine, scegli un mood e i colori dominanti diventano stop di gradiente trascinabili. Copia il CSS pronto all'uso all'istante.

Crea gradienti CSS lineari, radiali e conici da zero con controllo multi-stop trascinabile e preset curati. Copia il CSS pronto all'uso all'istante.

Incolla o importa un insieme di colori ed esportali immediatamente come variabili CSS, SCSS, configurazione Tailwind, JSON o campioni SVG — il passaggio finale per qualsiasi palette.

Controlla il rapporto di contrasto WCAG tra un colore del testo e uno di sfondo — visualizza i giudizi AA/AAA per testo normale, testo grande e componenti UI, con anteprima live e suggerimenti di colori accessibili.

Guarda la tua immagine o palette come la vedono le persone con protanopia, deuteranopia, tritanopia o acromatopsia — gira tutto nel browser, nessun upload.