Izbirnik barv

Kako uporabljati izbirnik barv

1. Klikni vzorec pod Izberi barvo, da odpreš izbirnik barv svojega brskalnika, nato izberi barvo. Vrednost lahko tudi vtipkaš ali prilepiš v polje Koda barve: kodo HEX, na primer #1E90FF, rgb(30, 144, 255), hsl(210 100% 56%) ali CSS-ime, kot je tomato.
2. Velik Predogled se posodobi takoj, koda HEX pa je zapisana v črni ali beli barvi, kar je na tem ozadju bolje berljivo.
3. Pod Kode barve kopiraj obliko, ki jo potrebuješ, z gumbom Kopiraj ob njej: HEX, RGB, HSL, HSV ali CMYK.
4. Klikni Naključna barva, kadar iščeš navdih, ali Izberi z zaslona (v brskalnikih, ki to podpirajo, kot sta Chrome in Edge), da vzorčiš katero koli slikovno piko na zaslonu, tudi v drugih oknih.

Vse poteka v tvojem brskalniku: nobena barva ali slika se nikamor ne pošlje.

Kaj pomeni posamezna koda barve

• HEX je šestmestni šestnajstiški zapis, ki se uporablja v HTML in CSS. Vsak par števk je en kanal (rdeč, zelen, moder) od 00 do FF, zato #1E90FF pomeni rdeča 30, zelena 144, modra 255.
• RGB poda iste tri kanale kot desetiška števila od 0 do 255. To pričakuje večina oblikovalske programske opreme in programskih knjižnic.
• HSL opiše barvo z odtenkom (kot od 0° do 360° na barvnem kolesu), nasičenostjo in svetlostjo. Priročen je za posvetlitev ali potemnitev barve s spremembo ene same številke.
• HSV (imenovan tudi HSB) uporablja odtenek, nasičenost in vrednost (svetlost). To je model za barvnimi kvadrati v Photoshopu, Figmi in mnogih drugih urejevalnikih.
• CMYK izrazi barvo kot odstotke črnil cian, magenta, rumena in črna.

O vrednostih CMYK

Kode CMYK so preprosta pretvorba: K = 1 − max(R, G, B), nato C = (1 − R − K) / (1 − K), enako za M in Y. To je standardna učbeniška formula, vendar ne uporablja profila ICC. Pravi tisk je odvisen od tiskarskega stroja, papirja in črnil, zato bo tiskarna tvoje barve pretvorila s svojim profilom in rezultat se lahko razlikuje. Uporabi ta števila kot izhodišče, ne kot dokaz za tisk.

Branje kontrastnih razmerij

Pod kodo HEX predogled prikazuje Kontrast na belem in Kontrast na črnem, izračunana s formulo relativne svetlosti WCAG 2. Razmerje 4,5:1 ali več je potrebno za običajno besedilo na ravni AA, 3:1 pa za veliko besedilo in elemente vmesnika. Če tvoja barva na belem doseže le 3:1, jo obdrži za velike naslove ali ikone, za besedilo pa uporabi temnejši odtenek.

Nasveti

• Kode HEX lahko prilepiš brez #: deluje tudi 1e90ff, pa tudi kratke oblike, kot je f60.
• Vrednosti s prosojnostjo, na primer rgb(0 0 0 / 50%), so sprejete; izbirnik prikaže neprosojno barvo.
• Brskalnikovo pogovorno okno za barve se med sistemi razlikuje. Če potrebuješ natančno vrednost, je vnos v polje Koda barve vedno natančen.