Preskoči na glavni sadržaj
LibraTool logoLibraTool

Odabir boja i generator palete — besplatno

Odaberite boje, konvertirajte između HEX/RGB/HSL i generirajte harmonične palete.

Radi offline nakon učitavanja
HEX
HSV
h217°
s76%
v96%
samo prikaz

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 ovdje je čitljiviji (5,71:1)

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

Nijanse i tonovi (50–950)

Paleta boja

Komplementarna

#3b82f6
#f6af3c

Trijadna

#3b82f6
#f63c83
#83f63c

Analogna

#3ce0f6
#3b82f6
#523cf6

Monohromatska

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

Uobičajene namjene

  • Odabir boja za web-dizajnOdaberite i generirajte boje za vašu web-stranicu — dobijte HEX, RGB i HSL vrijednosti plus harmonične palete.
  • Odabir boja za brendingKreirajte paletu boja vaše marke — odaberite primarnu, sekundarnu i naglašanu boju koja radi zajedno.
  • Odabir boja za društvene mrežeKreirajte privlačne palete boja za objave na društvenim mrežama, priče i dizajne profila.
  • Odabir boja za ispis dizajnaOdaberite boje za tiskane materijale — letke, poslovne kartice, brošure — sa točnim prikazima boja.
  • Odabir boja za prezentacijeDizajnirajte sheme boja slajdova — odaberite čitljive boje teksta, palete grafikona i dosljedne naglašene nijanse.

Kako funkcionira

Sve radi izravno u vašem pregledniku koristeći ručno napisanu matematiku pretvorbe — bez biblioteke boja, bez okretanja poslužitelju. Boju birate putem izvornog unosa boje preglednika ili EyeDropper API-ja, a alat je trenutačno pretvara u šest formata dok istovremeno izračunava WCAG omjere kontrasta i generira palete harmonije.

  1. 1
    Unos boje putem izvornog API-ja
    Boju birate putem ugrađenog widgeta <input type="color"> preglednika, ili — u preglednicima temeljenima na Chromiumu — EyeDropper API vam omogućuje uzorkovanje bilo kojeg piksela na vašem zaslonu. Oba puta vraćaju heks niz koji postaje jedini izvor istine.
  2. 2
    Ručno napisane pretvorbe formata
    Alat pretvara heks vrijednost u RGB, HSL, HSV, CMYK i OKLCH koristeći vlastite matematičke funkcije (bez vanjske biblioteke). OKLCH pretvorba linearizira sRGB kanale, primjenjuje matricu kubnog korijena OKLab, zatim izvodi kromu i kut nijanse — odgovarajući modernom izlazu CSS Color Level 4.
  3. 3
    Izračun WCAG omjera kontrasta
    Relativna svjetlina izračunava se iz lineariziranih RGB kanala koristeći WCAG 2.x formulu. Alat zatim izračunava omjere kontrasta prema čisto bijeloj i čisto crnoj i označava ih AA-veliko, AA, AAA ili Pad prema WCAG pragovima (3:1, 4,5:1, 7:1).
  4. 4
    Generiranje palete harmonije i lokalno spremanje
    Komplementarni, triadni, analogni i monokromatski uzorci izvode se rotacijom ili koračanjem HSL vrijednosti nijanse i svjetline matematički. Spremljene palete zapisuju se u localStorage u vašem pregledniku — ništa ne napušta vaš uređaj.

Srodni alati

🎨

Generator nasumičnih boja

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

Isprobajte
🎨

Pretvarač boja

Trenutno pretvorite boje između HEX, RGB, HSL, HSV i CMYK formata. Uključuje skalu svjetline i unaprijed postavljene 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 logu.

IsprobajteDatoteke ostaju lokalne

Često postavljana pitanja