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 contrastCuloare recomandată pentru text
#FFFFFF
Luminozitate
0
Paletă
ShadesOutput 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.