Pređi na glavni sadržaj
LibraTool logoLibraTool

Birač boja i generator palete — besplatno

Birajte boje, konvertujte između HEX/RGB/HSL i generišite harmonične palete.

Radi van mreže kada se učita
HEX
HSV
h217°
s76%
v96%
samo prikaži

RGB

r
g
b

HSL

H
S
L

Više formata

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ža imenovana boja: dodgerblue · Crni tekst je ovde lakši za čitanje (5,71:1)

Tekst na belom3,68:1AA veliki
Tekst na crnom5,71:1AA
Tekst na #ffffff3,68:1AA veliki

Nijanse i tonovi (50–950)

Paleta boja

Komplementarna

#3b82f6
#f6af3c

Triadna

#3b82f6
#f63c83
#83f63c

Analogna

#3ce0f6
#3b82f6
#523cf6

Monohromatska

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

Uobičajene upotrebe

  • Odabirač boja za veb dizajnOdaberite i generišite boje za vašu veb-stranicu — dobijte HEX, RGB i HSL vrednosti plus harmonične palete.
  • Odabirač boja za brendiranjeNapravite vašu brendnu paletu boja — odaberite primarne, sekundarne i akcentne boje koje funciono rade zajedno.
  • Odabirač boja za društvene mrežeNapravite privlačne palete boja za postove na društvenim mrežama, priče i dizajne profila.
  • Odabirač boja za dizajn za štampuOdaberite boje za štampane materijale — letke, vizitne kartice, brošure — sa tačnim pregledom boja.
  • Odabirač boja za prezentacijeDizajnirajte šeme boja slajdova — odaberite čitljivu boju teksta, palete grafikona i konzistentne akcentne senke.

Kako funkcioniše

Sve se izvršava direktno u vašem pregledaču koristeći ručno napisanu matematiku konverzije — bez biblioteke boja, bez putovanja do servera i nazad. Birate boju putem prirodnog unosa boje pregledača ili EyeDropper API-ja, i alatka je trenutno konvertuje u šest formata dok istovremeno izračunava WCAG odnose kontrasta i generiše palete harmonije.

  1. 1
    Unos boje putem prirodnog API-ja
    Boju birate kroz ugrađeni vidžet <input type="color"> pregledača, ili — u pregledačima zasnovanim na Chromium-u — EyeDropper API vam omogućava da uzorkujete bilo koji piksel na vašem ekranu. Oba puta vraćaju heksadecimalni niz koji postaje jedini izvor istine.
  2. 2
    Ručno napisane konverzije formata
    Alatka konvertuje heksadecimalnu vrednost u RGB, HSL, HSV, CMYK, i OKLCH koristeći sopstvene matematičke funkcije (bez spoljne biblioteke). OKLCH konverzija linearizuje sRGB kanale, primenjuje matricu kubnog korena OKLab, zatim izvodi hromu i ugao nijanse — odgovarajući modernom izlazu CSS Color Level 4.
  3. 3
    Izračunavanje WCAG odnosa kontrasta
    Relativna luminanca se izračunava iz linearizovanih RGB kanala koristeći WCAG 2.x formulu. Alatka zatim izračunava odnose kontrasta naspram čiste bele i čiste crne i označava ih kao AA-veliki, AA, AAA, ili Neuspeh prema WCAG pragovima (3:1, 4,5:1, 7:1).
  4. 4
    Generisanje palete harmonije i lokalno čuvanje
    Komplementarni, triadni, analogni, i monohromatski uzorci se izvode rotiranjem ili koračanjem HSL nijanse i vrednosti osvetljenosti matematički. Sačuvane palete se upisuju u localStorage u vašem pregledaču — ništa ne napušta vaš uređaj.

Slične alatke

🎨

Generator nasumičnih boja

Generišite nasumične boje jednu po jednu ili kao paletu od pet, zaključajte one koje vam se sviđaju, kopirajte HEX, RGB ili HSL vrednosti i izvezite paletu kao PNG ili CSS.

Isprobajte
🎨

Konvertor boja

Konvertujte boje između HEX, RGB, HSL, HSV i CMYK formata trenutno. Uključuje skalu svetlosti i unapred definisane uzorke.

Isprobajte
🎨

Ekstraktor palete boja iz slike

Izvucite dominantne boje iz bilo koje slike koristeći k-means kvantizaciju boja. Dobijte hex kodove za 2–16 najzastupljenijih boja u vašoj fotografiji ili logotipu.

IsprobajteFajlovi ostaju lokalni

Česta pitanja