Vai al contenuto principale
← Strumenti

Strumento gratuito

Convertitore colori

Converti istantaneamente i colori HEX, RGB, HSL e CSS per i flussi di design e sviluppo.

Nel browserSenza iscrizioneGratis per sempre

Prova HEX, rgb(), hsl() o un nome CSS come red.

✓ Colore valido rilevato

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

Come funziona

Tre passaggi veloci dall'input a un risultato da usare nel tuo stack.

1

Passo 1

Inserisci o scegli un colore

2

Passo 2

Converti all'istante

3

Passo 3

Copia il formato che ti serve

Perché i team lo usano

Vantaggi e casi d'uso

  • Convert HEX, RGB, HSL, and named colors instantly in your browser.
  • See a live preview plus HSV, CMYK, Tailwind nearest match, and CSS snippets.
  • One-click copy for every format — built for designers and developers.
  • No signup, dashboards, or heavy “design software” UI.
  • Runs locally in the session for a fast, lightweight workflow.

Overview

Quick context

What does this color converter do?

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.

Why convert between HEX, RGB, and HSL?

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.

Tailwind match and CSS variable output

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

FAQ

Questo convertitore di colori è gratuito?

Sì. Funziona nel browser e non richiede registrazione.

Quali formati colore sono supportati?

HEX, rgb/rgba, hsl/hsla, uscite HSV e CMYK, variabili CSS e nomi CSS comuni.

Posso convertire RGB in HEX?

Sì. Incolla un valore rgb() e copia subito il campo HEX.

Supporta i colori HSL?

Sì. Inserisci hsl() o hsla() e tutti gli altri formati si aggiornano automaticamente.

Posso copiare i valori convertiti?

Sì. Ogni formato ha un'azione copia con un clic.

Convertitore colori gratuito | Invoicey