Acțiuni

Selector vizual

Input HEX

Alpha / Opacitate

100%

Mod paletă

Nume variabilă

Cum funcționează convertorul de culori

Alegi o culoare din picker sau scrii un HEX și primești RGB, HSL, CMYK, variabile CSS/SCSS și o paletă de shades și tints. Contrastul îți spune dacă textul închis sau deschis se citește mai bine.

Copiază valorile în design system, landing page sau componente UI. Verifică paleta pe fundalul real al interfeței, nu doar în preview-ul din tool.

Conversie HEX, RGB, HSL

Obții formatele web uzuale dintr-o singură culoare de start.

Paletă Shades și tints

Generezi trepte mai închise sau mai deschise pentru hover, border și fundal.

Contrast Text lizibil

Vezi ce culoare de text funcționează pe buton, card sau secțiune.

Important: O paletă generată este un punct de pornire. Verifică accesibilitatea pe fundalul real și la dimensiunea de text folosită.

Preview

Verificare contrast

Culoare recomandată pentru text

#FFFFFF

Luminozitate

HEX

HEXA

RGB

RGBA

HSL

HSLA

CMYK

Variabilă CSS

Variabilă SCSS

Array RGB

Paletă

Shades

Output developer

Note utile

Folosește verificarea de contrast înainte să alegi textul de pe butoane sau carduri.
Redenumește variabila CSS după tokenul real din design system.
Shades și tints trebuie validate vizual pe interfață, nu doar în preview.
CMYK este orientativ pentru web; tiparul tipografic cere un alt flux.