Color Toolkit

Convertește culori, generează palete și pregătește valori CSS pentru dezvoltatori.

Instrument online
Acțiuni
100%
Note importante
  •  Folosește recomandarea de contrast înainte să alegi culoarea textului pentru butoane, carduri sau secțiuni de landing page.
  •  Copiază variabilele CSS și SCSS după ce denumești culoarea pentru tokenul de design sau paleta de brand reală.
  •  Shades și tints generate sunt puncte de pornire; verifică-le vizual pe fundalul interfeței și în funcție de cerințele de accesibilitate.
Preview
Verificare contrast
Culoare recomandată pentru text
#FFFFFF
Luminozitate
0
Paletă
Shades
Output developer
Color Toolkit pentru conversii de culori web, palete și output pregătit pentru frontend

Color Toolkit ajută designerii și dezvoltatorii să convertească o culoare selectată în HEX, HEXA, RGB, RGBA, HSL, HSLA, CMYK, variabile CSS, variabile SCSS și array-uri RGB. Generează shades și tints, recomandă o culoare lizibilă pentru text, verifică luminozitatea și creează un output pentru dezvoltatori care poate fi copiat sau descărcat pentru design systems, landing page-uri, componente UI, palete de brand și workflow-uri CSS.