Color Converter & Palette Generator

Converti colori tra HEX, RGB, HSL e CMYK, genera palette e verifica il contrasto.

{{ line }}
Complementare
{{ col }}
Analogo
{{ col }}
Triadico
{{ col }}
Complementare diviso
{{ col }}
Testo di esempio Testo bianco
Rapporto di contrasto: {{ whiteContrast }}:1
WCAG AA Testo normale: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Testo grande: {{ whiteContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Testo normale: {{ whiteContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Testo grande: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }}
Testo di esempio Testo nero
Rapporto di contrasto: {{ blackContrast }}:1
WCAG AA Testo normale: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Testo grande: {{ blackContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Testo normale: {{ blackContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Testo grande: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }}

Cos’è un convertitore di colori?

Un convertitore di colori consente la conversione istantanea dei valori di colore tra diversi spazi colore come HEX, RGB, HSL e CMYK. I designer e gli sviluppatori web utilizzano formati di colore diversi a seconda del contesto.

Spazi colore spiegati: HEX, RGB, HSL, CMYK

HEX è un valore esadecimale a 6 cifre (#RRGGBB) comunemente usato in CSS. RGB definisce i colori tramite valori di Rosso, Verde e Blu (0–255). HSL descrive i colori tramite Tonalità (0–360°), Saturazione e Luminosità. CMYK (Ciano, Magenta, Giallo, Nero) è usato per la stampa.

Teoria del colore e armonie

Le armonie cromatiche si basano sulla posizione dei colori sulla ruota dei colori. I colori complementari sono opposti (180°) e creano il massimo contrasto. I colori analoghi sono adiacenti (±30°) e appaiono armoniosi. I colori triadici sono equidistanti (120°). I complementari divisi usano i vicini del complementare.