Zgjedhës ngjyrash

Si ta përdorësh zgjedhësin e ngjyrave

1. Kliko mostrën nën Zgjidh një ngjyrë për të hapur zgjedhësin e ngjyrave të shfletuesit, pastaj zgjidh një ngjyrë. Mund të shkruash ose ngjitësh edhe një vlerë te fusha Kodi i ngjyrës: një kod HEX si #1E90FF, rgb(30, 144, 255), hsl(210 100% 56%) ose një emër CSS si tomato.
2. Pamja e madhe paraprake përditësohet menjëherë, me kodin HEX të shkruar me të zezë ose të bardhë, cilado lexohet më mirë mbi atë sfond.
3. Nën Kodet e ngjyrës, kopjo formatin që të duhet me butonin Kopjo pranë tij: HEX, RGB, HSL, HSV ose CMYK.
4. Kliko Ngjyrë e rastësishme kur të duhet frymëzim, ose Zgjidh nga ekrani (në shfletuesit që e mbështesin, si Chrome dhe Edge) për të marrë mostër nga çdo piksel i ekranit, përfshirë dritaret e tjera.

Gjithçka ndodh në shfletuesin tënd: asnjë ngjyrë apo imazh nuk dërgohet askund.

Çfarë do të thotë çdo kod ngjyre

• HEX është shënimi gjashtëmbëdhjetor me gjashtë shifra që përdoret në HTML dhe CSS. Çdo çift shifrash është një kanal (e kuqe, e gjelbër, blu) nga 00 në FF, kështu #1E90FF do të thotë e kuqe 30, e gjelbër 144, blu 255.
• RGB jep të njëjtat tri kanale si numra dhjetorë nga 0 në 255. Është ajo që presin shumica e softuerëve të dizajnit dhe librarive të programimit.
• HSL e përshkruan një ngjyrë me nuancën (një kënd nga 0° në 360° në rrotën e ngjyrave), ngopjen dhe ndriçimin. Është e dobishme për ta bërë një ngjyrë më të çelët ose më të errët duke ndryshuar vetëm një numër.
• HSV (quhet edhe HSB) përdor nuancën, ngopjen dhe vlerën (shkëlqimin). Është modeli pas katrorëve të ngjyrave në Photoshop, Figma dhe shumë redaktorë të tjerë.
• CMYK e shpreh ngjyrën si përqindje bojërash cian, magenta, e verdhë dhe e zezë.

Rreth vlerave CMYK

Kodet CMYK janë një konvertim i thjeshtë: K = 1 − max(R, G, B), pastaj C = (1 − R − K) / (1 − K), e njëjta gjë për M dhe Y. Kjo është formula standarde e teksteve, por nuk përdor profil ICC. Printimi real varet nga makina, letra dhe bojërat, prandaj një shtypshkronjë do t’i konvertojë ngjyrat me profilin e vet dhe rezultati mund të ndryshojë. Përdori këta numra si pikënisje, jo si provë për printim.

Leximi i raporteve të kontrastit

Poshtë kodit HEX, pamja paraprake tregon Kontrastin mbi të bardhë dhe Kontrastin mbi të zezë, të llogaritura me formulën e shkëlqimit relativ të WCAG 2. Për tekst normal në nivelin AA duhet një raport 4,5:1 ose më shumë, dhe 3:1 për tekst të madh e elemente të ndërfaqes. Nëse ngjyra jote arrin vetëm 3:1 mbi të bardhë, ruaje për tituj të mëdhenj ose ikona dhe përdor një nuancë më të errët për tekstin.

Këshilla

• Mund t’i ngjitësh kodet hex pa #: 1e90ff funksionon gjithashtu, si edhe format e shkurtra si f60.
• Pranohen vlera me tejdukshmëri, si rgb(0 0 0 / 50%); zgjedhësi shfaq ngjyrën e patejdukshme.
• Dialogu i ngjyrave i vetë shfletuesit ndryshon nga një sistem te tjetri. Nëse të duhet një vlerë e saktë, shkrimi i saj te fusha Kodi i ngjyrës është gjithmonë i saktë.