Kolore-bihurgailua

Aukeratu kolore bat edo idatzi edozein formatutan (HEX, RGB, HSL, OKLCH, «tomato» bezalako izen bat…) eta ikusi berehala bere balioa beste formatu guztietan, zure CSSan itsasteko prest. Doitu gardentasuna eta egiaztatu zuriaren eta beltzaren gainean ondo irakurtzen den.

Kolore-formatuak

HEX (#RRGGBB) da webean formaturik ohikoena: hiru zifra hamaseitar bikote, gorri, berde eta urdin kopuruarekin, 00tik FFra. RGBk gauza bera adierazten du hamartarrez, 0tik 255era. HSLk kolorea deskribatzen du ñabarduraren (0-360°), saturazioaren eta argitasunaren bidez ehunekotan; horrela, erraza da kolore beraren aldaera argiagoak edo ilunagoak sortzea.

CMYK (ziana, magenta, horia eta beltza) inprimategiaren eredua da. RGBtik egindako bihurketa hurbilketa bat da: zehaztasunez inprimatzeko, inprimategiaren kolore-profila erabili behar da.

Gardentasuna, HWB eta OKLCH

Gardentasuna laugarren balio batekin adierazten da, alfa kanalarekin: #FF880080 (8 zifrako HEX), rgba(255, 136, 0, 0.5) edo, sintaxi modernoarekin, rgb(255 136 0 / 50%). 0 guztiz gardena da, eta 1 (edo %100) guztiz opakua.

HWB (ñabardura, zuria eta beltza) eta OKLCH (argitasuna, kroma eta ñabardura) CSS Color 4ko formatuak dira, eta gaur egungo nabigatzaile guztiek onartzen dituzte. OKLCH pertzepzioz uniformea da: argitasun bereko bi kolore berdin argi ikusten dira, eta horregatik oso egokia da paletak eta aldaerak sortzeko. HSV/HSB ez dago CSSan, baina Photoshopek, Figmak eta beste diseinu-programa batzuek erabiltzen dute.

CSSak 148 kolore-izen ere definitzen ditu (tomato, rebeccapurple, steelblue…). Zure koloreak izenik ez badu, CSS izenik antzekoena erakutsiko dizugu.

Kontrastea eta irisgarritasuna

WCAG irisgarritasun-jarraibideek gutxieneko kontrastea eskatzen dute testuaren eta atzealdearen artean, ikusmen urriko pertsonek irakur dezaten: 4,5:1 testu arruntarentzat AA mailan eta 7:1 AAA mailan (3:1 eta 4,5:1 testu handientzat). Kontrastea 1:1etik (kolore bera) 21:1era (beltza zuriaren gainean) doa.