Preskoči na glavno vsebino
LibraTool logoLibraTool

Izbirnik barv in generator palet — brezplačno

Izberite barve, pretvorite med HEX/RGB/HSL in ustvarite harmonične palete.

Deluje brez povezave po nalaganju
HEX
HSV
h217°
s76%
v96%
samo prikaz

RGB

r
g
b

HSL

H
S
L

Več oblik

HEX8#3b82f6ff
RGBrgb(59 130 246)
HWBhwb(217 23% 4%)
CMYKcmyk(76%, 47%, 0%, 4%)
OKLCHoklch(62.3% 0.188 259.8)
SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)
Android0xFF3B82F6
FlutterColor(0xFF3B82F6)

WCAG kontrast

Najbližja poimenovana barva: dodgerblue · Črn tekst je tu bolje berljiv (5,71:1)

Besedilo na belem3,68:1AA velik
Besedilo na črnem5,71:1AA
Besedilo na #ffffff3,68:1AA velik

Odtenki in svetlejši toni (50–950)

Barvna paleta

Komplementarno

#3b82f6
#f6af3c

Triadko

#3b82f6
#f63c83
#83f63c

Analogno

#3ce0f6
#3b82f6
#523cf6

Monohromatsko

#073c92
#0a5adb
#3b82f6
#85b2f9
#cee0fd

Pogosta področja uporabe

  • Izbira barv za spletni dizajnIzberite in generirajte barve za vaš spletni mestu — dobite HEX, RGB in HSL vrednosti ter harmonične palete.
  • Izbira barv za brendingUstvarite paleto barv svoje blagajne — izberite primarno, sekundarno in naglasno barvo, ki delujejo skupaj.
  • Izbira barv za družbene medijeUstvarite privlačne palete barv za objave v družbenih medijih, zgodbe in zasnove profilov.
  • Izbira barv za tiskani dizajnIzberite barve za tiskane materiale — letake, vizitke, brošure — s točnim predogledom barv.
  • Izbira barv za predstavitveOblikujte barvne sheme diapozitivov — izberite berljive barve besedila, palete grafikonov in dosledne naglasne tonove.

Kako deluje

Vse teče neposredno v vašem brskalniku z uporabo ročno napisane pretvorbene matematike — brez barvne knjižnice, brez povratnega potovanja na strežnik. Barvo izberete prek nativnega vnosa barve brskalnika ali API-ja EyeDropper, orodje pa jo takoj pretvori v šest oblik, hkrati pa izračuna razmerja kontrasta WCAG in ustvari harmonične palete.

  1. 1
    Vnos barve prek nativnega API-ja
    Barvo izberete prek vgrajenega pripomočka <input type="color"> brskalnika, ali — v brskalnikih, temelječih na Chromiumu — vam API EyeDropper omogoča vzorčenje katerega koli piksla na zaslonu. Obe poti vrneta šestnajstiški niz, ki postane edini vir resnice.
  2. 2
    Ročno napisane pretvorbe oblik
    Orodje pretvori šestnajstiško vrednost v RGB, HSL, HSV, CMYK in OKLCH z uporabo lastnih matematičnih funkcij (brez zunanje knjižnice). Pretvorba OKLCH linearizira kanale sRGB, uporabi matriko kubičnega korena OKLab, nato izpelje kromo in kot odtenka — kar ustreza sodobnemu izpisu CSS Color Level 4.
  3. 3
    Izračun razmerja kontrasta WCAG
    Relativna svetlost se izračuna iz lineariziranih kanalov RGB z uporabo formule WCAG 2.x. Orodje nato izračuna razmerja kontrasta proti čisti beli in čisti črni ter jih označi kot AA-veliko, AA, AAA ali Neuspešno glede na pragove WCAG (3:1, 4,5:1, 7:1).
  4. 4
    Ustvarjanje harmonične palete in lokalno shranjevanje
    Komplementarni, triadni, analogni in monokromatski vzorci se izpeljejo z matematičnim vrtenjem ali korakanjem vrednosti odtenka in svetlosti HSL. Shranjene palete se zapišejo v localStorage v vašem brskalniku — nič ne zapusti vaše naprave.

Sorodna orodja

🎨

Generator naključnih barv

Ustvarjajte naključne barve posamično ali kot paleto petih, zaklenite tiste, ki so vam všeč, kopirajte vrednosti HEX, RGB ali HSL in izvozite paleto kot PNG ali CSS.

Poskusite
🎨

Pretvornik barv

Takojšnje pretvarjajte barve med formati HEX, RGB, HSL, HSV in CMYK. Vključuje lestvico svetlosti in prednastavljene vzorčne slike.

Poskusite
🎨

Izvleček barvne palete iz slike

Izvlecite prevladujoče barve iz katere koli slike z barvno kvantizacijo k-means. Dobite šestnajstiške kode za 2–16 najvidnejših barv v vaši fotografiji ali logotipu.

PoskusiteDatoteke ostanejo lokalne

Pogosto zastavljena vprašanja