Strumento gratuito
Converti istantaneamente i colori HEX, RGB, HSL e CSS per i flussi di design e sviluppo.
Prova HEX, rgb(), hsl() o un nome CSS come red.
Colore Tailwind più vicino: green-500
Basso contrasto su sfondo bianco · Rapporto di contrasto 2.28:1
HEX
#22c55e
RGB
rgb(34, 197, 94)
HSL
hsl(142, 71%, 45%)
HSV
hsv(142, 83%, 77%)
CMYK
cmyk(83%, 0%, 52%, 23%)
Match Tailwind
green-500 · #22c55e
Variabile CSS
--primary-color: #22c55e;
Colore CSS
color: #22c55e;
Ottimizzato per workflow CSS e Tailwind
Pronto per lo sviluppo web
Conversione istantanea nel browser
Anteprima
#22c55e
Ti servono fatture professionali per la tua attività? Crea fatture gratis con Invoicey.
Flusso
Tre passaggi veloci dall'input a un risultato da usare nel tuo stack.
Passo 1
Inserisci o scegli un colore
Passo 2
Converti all'istante
Passo 3
Copia il formato che ti serve
Perché i team lo usano
Overview
This tool parses common web color inputs — including HEX codes, rgb()/rgba(), hsl()/hsla(), and CSS named colors — then normalizes them and shows equivalent values in multiple formats. A large preview updates as you type so you can judge the color visually in one glance, without opening a full graphics suite.
Different tools and codebases prefer different representations. Designers often think in HEX or HSL for quick tweaks, while components and APIs may consume rgb() values. Converting instantly avoids mental math, reduces copy-paste errors, and keeps CSS variables and design tokens aligned across Figma notes, Tailwind configs, and production stylesheets.
For Tailwind projects, the closest default palette token can speed up class selection. The CSS variable line formats a ready-to-paste custom property such as --primary-color, which fits modern theming and component libraries. These outputs are optional helpers; you can still copy raw HEX or rgb() when that is what your stack needs.
Risposte
Sì. Funziona nel browser e non richiede registrazione.
HEX, rgb/rgba, hsl/hsla, uscite HSV e CMYK, variabili CSS e nomi CSS comuni.
Sì. Incolla un valore rgb() e copia subito il campo HEX.
Sì. Inserisci hsl() o hsla() e tutti gli altri formati si aggiornano automaticamente.
Sì. Ogni formato ha un'azione copia con un clic.
Scopri altro
Passa a un altro strumento gratuito allo stesso livello, senza obbligo di registrazione.
