Spletni izbirnik barv

O spletnem izbirniku barv
S tem spletnim izbirnikom barv lahko izberete barvo iz naložene slike, jo zajamete z zaslona, kadar to podpira vaš brskalnik, ali barvno vrednost vnesete ročno. Izbrana barva se takoj pretvori v pogoste formate, kot so HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV in CMYK, zato lahko potrebno vrednost kopirate brez preklapljanja med stranmi.

• Funkcije
Izbirnik barv iz slike: Izberite lokalno sliko in premikajte kazalec po njej za predogled bližnjih slikovnih pik. Kliknite sliko, da izberete trenutno barvo.

Izluščenje palete iz slike: Po nalaganju slike orodje izlušči strnjeno paleto glavnih barv, ki jih lahko kopirate ali uporabite kot trenutno barvo.

Natančna prilagoditev slikovne pike: Ko izberete barvo iz slike, lahko s puščičnimi tipkami natančneje prilagodite položaj izbrane slikovne pike.

Izbirnik barv z zaslona: Kadar brskalnik to podpira, lahko z vgrajenim izbirnikom izberete barvo neposredno z zaslona.

Ročni vnos barve: Barvo lahko vnesete ročno z izbirnikom barv ali z vrednostjo HEX / HEXA, na primer #2563EB ali #2563EBFF.

Več barvnih formatov: Izbrano barvo pretvorite v formate HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV in CMYK.

Ujemajoče se barve: Iz trenutne barve ustvarite komplementarne, analogne, triadne, nežne svetlejše odtenke in umirjene tone.

Svetlejši in temnejši odtenki: Ustvarite praktično lestvico od svetlih do temnih odtenkov, uporabno za ozadja, obrobe, stanja ob premiku miške, značke in komponente uporabniškega vmesnika.

Kontrast besedila in par za UI: Primerjajte belo in črno besedilo s kontrastom WCAG, prikažite zaznavno referenco v slogu APCA ter dobite predlog udobnejšega para za uporabniški vmesnik, kadar močno nasičena barva potrebuje temnejše ali svetlejše ozadje.

CSS spremenljivke: Kopirajte pripravljene CSS spremenljivke za trenutno barvo, svetlo in temno različico, berljivo barvo besedila ter priporočeni par ozadja in besedila za UI.

Obdelava v brskalniku: Branje slike, izbira barve, izluščenje palete in pretvorba barv potekajo neposredno v vašem brskalniku, brez nameščanja dodatne aplikacije.

• Opombe
Izbirnik barv z zaslona je odvisen od podpore brskalnika. V brskalnikih, ki te funkcije ne podpirajo, lahko še vedno uporabite izbiro barve iz slike ali ročni vnos.

Pri izbiri barv iz slike se lahko slika prilagodi velikosti strani, vendar se vzorčena barva preslika nazaj na položaj slikovne pike v izvirni sliki.

Kontrast besedila se izračuna na podlagi izbrane enotne barve. Če je besedilo prikazano na prelivih, fotografijah, prosojnih ali teksturiranih ozadjih, končno zasnovo preverite tudi vizualno.

Vrednost v slogu APCA je prikazana kot zaznavna referenca poleg kontrasta WCAG. Kontrast WCAG na tej strani ostaja merilo za preverjanje uspešno/neuspešno.

Pri barvah, uporabljenih v vmesnikih, dokumentih, slikah ali tiskanih materialih, se lahko končni videz razlikuje glede na nastavitve zaslona, barvne profile, formate datotek in izhodne naprave.

:wiki_link