Spalvų parinkiklis internetu

Apie internetinį spalvų parinkiklį
Naudokite šį internetinį spalvų parinkiklį norėdami pasirinkti spalvą iš įkelto paveikslėlio, paimti spalvą iš ekrano, jei tai palaiko jūsų naršyklė, arba įvesti spalvos reikšmę rankiniu būdu. Pasirinkta spalva iš karto konvertuojama į įprastus formatus, tokius kaip HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV ir CMYK, todėl reikiamą reikšmę galite nukopijuoti neperjungdami puslapių.

• Funkcijos
Spalvos pasirinkimas iš paveikslėlio: pasirinkite vietinį paveikslėlį ir judinkite žymeklį virš jo, kad peržiūrėtumėte netoliese esančius pikselius. Spustelėkite paveikslėlį, kad pasirinktumėte dabartinę spalvą.

Paveikslėlio paletės išgavimas: įkėlus paveikslėlį, įrankis išgauna kompaktišką pagrindinių spalvų paletę, kurią galima kopijuoti arba pritaikyti kaip dabartinę spalvą.

Pikselio lygio tikslinimas: pasirinkę spalvą iš paveikslėlio, rodyklių klavišais galite tiksliau pakeisti pasirinkto pikselio vietą.

Spalvos pasirinkimas iš ekrano: naudokite naršyklės ekrano spalvos parinkiklį, kai šią funkciją palaiko jūsų naršyklė.

Rankinis spalvos įvedimas: įveskite spalvą rankiniu būdu naudodami spalvos parinkiklį arba HEX / HEXA reikšmę, pavyzdžiui, #2563EB arba #2563EBFF.

Keli spalvų formatai: konvertuokite pasirinktą spalvą į HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV ir CMYK formatus.

Derančios spalvos: pagal dabartinę spalvą generuokite papildomas, analogines, triadines, švelnaus atspalvio ir prislopinto tono spalvas.

Šviesūs ir tamsūs atspalviai: sukurkite praktišką spalvų skalę nuo šviesios iki tamsios, tinkamą fonams, kraštinėms, užvedimo būsenoms, ženkleliams ir UI komponentams.

Teksto kontrastas ir UI poros: palyginkite baltą ir juodą tekstą pagal WCAG kontrastą, peržiūrėkite APCA tipo suvokiamo kontrasto orientyrą ir gaukite patogesnės UI poros pasiūlymą, kai sodriai spalvai reikia tamsesnio arba šviesesnio fono.

CSS kintamieji: nukopijuokite paruoštus CSS kintamuosius dabartinei spalvai, šviesiai ir tamsiai jos versijoms, įskaitomai teksto spalvai ir rekomenduojamai UI fono / teksto porai.

Apdorojimas naršyklėje: paveikslėlio skaitymas, spalvos pasirinkimas, paletės išgavimas ir spalvų konvertavimas atliekami tiesiogiai jūsų naršyklėje, neįdiegiant atskiros programos.

• Pastabos
Spalvos pasirinkimas iš ekrano priklauso nuo naršyklės palaikymo. Naršyklėse, kurios nepalaiko spalvos pasirinkimo iš ekrano, vis tiek galite naudoti pasirinkimą iš paveikslėlio arba rankinį įvedimą.

Renkantis spalvas iš paveikslėlio, paveikslėlis gali būti sumažintas arba padidintas, kad tilptų puslapyje, tačiau paimta spalva susiejama su pradine paveikslėlio pikselio vieta.

Teksto kontrastas skaičiuojamas pagal pasirinktą vientisą spalvą. Jei tekstas rodomas ant gradientų, nuotraukų, skaidrumo ar tekstūrinių fonų, galutinį dizainą taip pat verta įvertinti vizualiai.

APCA tipo reikšmė pateikiama kaip suvokiamo kontrasto orientyras šalia WCAG kontrasto. Šiame puslapyje WCAG kontrastas išlieka pagrindinis atitikties / neatitikties prieinamumo patikrinimas.

Sąsajose, dokumentuose, paveikslėliuose ar spaudiniuose naudojamų spalvų galutinė išvaizda gali skirtis priklausomai nuo ekrano nustatymų, spalvų profilių, failų formatų ir išvesties įrenginių.

:wiki_link