Värvivalija veebis

Veebipõhisest värvivalijast
Kasuta seda veebipõhist värvivalijat, et valida värv üles laaditud pildilt, brauseri toe korral otse ekraanilt või sisestada värviväärtus käsitsi. Valitud värv teisendatakse kohe levinud vormingutesse, nagu HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV ja CMYK, nii et saad vajaliku väärtuse kopeerida ilma lehte vahetamata.

• Funktsioonid
Pildilt värvi valimine: vali kohalik pilt ja liigu pildi kohal, et näha lähedal asuvate pikslite eelvaadet. Praeguse värvi valimiseks klõpsa pildil.

Pildi värvipaleti eraldamine: pärast pildi üleslaadimist eraldab tööriist selle põhivärvidest kompaktse paleti, mille värve saab kopeerida või praeguse värvina rakendada.

Pikslitasemel täpsustamine: pärast pildilt värvi valimist saad valitud piksli asukohta nooleklahvidega täpsemalt nihutada.

Ekraanilt värvi valimine: kasuta brauseri ekraanilt värvi valimise funktsiooni, kui sinu brauser seda toetab.

Käsitsi värvi sisestamine: sisesta värv käsitsi värvivalija või HEX / HEXA väärtusega, näiteks #2563EB või #2563EBFF.

Mitu värvivormingut: teisenda valitud värv HEX-, HEXA-, RGB-, RGBA-, HSL-, HSLA-, HSV- ja CMYK-vormingusse.

Sobivad värvid: loo praeguse värvi põhjal täiendvärv, analoogvärvid, triaad, pehme helendus ja vaoshoitud toon.

Varjundid ja toonid: loo praktiline heledast tumedani värviskaala taustade, ääriste, hover-olekute, märkide ja kasutajaliidese komponentide jaoks.

Tekstikontrast ja UI-paarid: võrdle valget ja musta teksti WCAG-kontrasti alusel, kuva APCA-laadne tajupõhine viide ning paku mugavamat UI-paari, kui suure küllastusega värv vajab tumedamat või heledamat tausta.

CSS-muutujad: kopeeri kasutusvalmis CSS-muutujad praeguse värvi, heledate ja tumedate variantide, loetava tekstivärvi ning soovitatud UI tausta/teksti paari jaoks.

Brauseripõhine töötlemine: pildi lugemine, värvi valimine, paleti eraldamine ja värvide teisendamine toimuvad otse sinu brauseris, ilma eraldi rakendust installimata.

• Märkused
Ekraanilt värvi valimine sõltub brauseri toest. Kui brauser seda ei toeta, saad endiselt kasutada pildilt valimist või käsitsi sisestust.

Pildilt värvi valides võidakse pilt lehele mahtumiseks skaleerida, kuid proovivärv seotakse tagasi algse pildi piksli asukohaga.

Tekstikontrast arvutatakse valitud ühevärvilise tooni põhjal. Kui tekst asub gradiendil, fotol, läbipaistval või tekstuuriga taustal, kontrolli lõplikku kujundust ka visuaalselt.

APCA-laadne väärtus on WCAG-kontrasti kõrval tajupõhine võrdlusviide. Sellel lehel jääb WCAG-kontrast ligipääsetavuse läbimise või mitteläbimise kontrolliks.

Kasutajaliidestes, dokumentides, piltidel või trükimaterjalides kasutatavate värvide lõplik välimus võib sõltuda ekraani seadetest, värviprofiilidest, failivormingutest ja väljundseadmetest.

:wiki_link