Přeskočit na hlavní obsah
LibraTool logoLibraTool

Výběr barev a generátor palety zdarma

Vybírejte barvy, převádějte mezi HEX/RGB/HSL a generujte harmonické palety.

Funguje offline po načtení
HEX
HSV
h217°
s76%
v96%
pouze zobrazení

RGB

r
g
b

HSL

H
S
L

Další formáty

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)

Kontrast WCAG

Nejbližší pojmenovaná barva: dodgerblue · Černý text se tady čte snáz (5,71:1)

Text na bílé3,68:1AA velký
Text na černé5,71:1AA
Text na #ffffff3,68:1AA velký

Odstíny a tóny (50–950)

Barevná paleta

Komplementární

#3b82f6
#f6af3c

Triadická

#3b82f6
#f63c83
#83f63c

Analogická

#3ce0f6
#3b82f6
#523cf6

Monochromatická

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

Běžná použití

  • Výběr barev pro webový designVyberte a generujte barvy pro váš web — získejte HEX, RGB a HSL hodnoty plus harmonické palety.
  • Výběr barev pro značeníVytvořte paletu barev vaší značky — vyberte primární, sekundární a akcentní barvy, které fungují společně.
  • Výběr barev pro sociální médiaVytvořte barevné palety, které upoutají pozornost pro příspěvky na sociálních médiích, příběhy a design profilu.
  • Výběr barev pro tiskový designVyberte barvy pro tištěné materiály — letáky, vizitky, brožury — s přesnými náhledy barev.
  • Výběr barev pro prezentaceDesignujte barevná schémata snímků — vyberte čitelnou barvu textu, palety grafů a konzistentní stínované tóny.

Jak to funguje

Vše běží přímo ve vašem prohlížeči pomocí ručně napsané převodní matematiky — bez barevné knihovny, bez zpáteční cesty na server. Barvu vyberete přes nativní vstup barvy prohlížeče nebo EyeDropper API a nástroj ji okamžitě převede do šesti formátů a zároveň spočítá poměry kontrastu WCAG a vygeneruje harmonické palety.

  1. 1
    Vstup barvy přes nativní API
    Barvu vyberete přes vestavěný widget prohlížeče <input type="color">, nebo — v prohlížečích na bázi Chromium — přes EyeDropper API, které umožňuje odebrat vzorek libovolného pixelu na obrazovce. Obě cesty vrací hex řetězec, který se stává jediným zdrojem pravdy.
  2. 2
    Ručně napsané formátové převody
    Nástroj převádí hex hodnotu na RGB, HSL, HSV, CMYK a OKLCH pomocí vlastních matematických funkcí (bez externí knihovny). Převod OKLCH linearizuje kanály sRGB, aplikuje maticovou krychlovou odmocninu OKLab a poté odvozuje chroma a úhel odstínu — odpovídá modernímu výstupu CSS Color Level 4.
  3. 3
    Výpočet poměru kontrastu WCAG
    Relativní jas se počítá z linearizovaných kanálů RGB pomocí vzorce WCAG 2.x. Nástroj poté počítá poměry kontrastu vůči čisté bílé a čisté černé a označuje je jako AA-large, AA, AAA nebo Fail podle prahů WCAG (3:1, 4,5:1, 7:1).
  4. 4
    Generování harmonických palet a lokální uložení
    Komplementární, triadické, analogické a monochromatické vzorky se odvozují matematickým otáčením nebo krokováním hodnot odstínu a jasu HSL. Uložené palety se zapisují do localStorage ve vašem prohlížeči — nic neopouští vaše zařízení.

Související nástroje

🎨

Generátor náhodných barev

Generujte náhodné barvy po jedné nebo jako paletu pěti, zamkněte ty, které se vám líbí, zkopírujte hodnoty HEX, RGB nebo HSL a exportujte paletu jako PNG nebo CSS.

Vyzkoušet
🎨

Převodník barev

Okamžitě převádějte barvy mezi formáty HEX, RGB, HSL, HSV a CMYK. Zahrnuje škálu světlosti a přednastavené vzorníky.

Vyzkoušet
🎨

Extraktor barevné palety z obrázku

Extrahujte dominantní barvy z libovolného obrázku pomocí k-means kvantizace barev. Získejte hex kódy pro 2–16 nejčastějších barev ve vaší fotografii nebo logu.

VyzkoušetSoubory zůstávají lokální

Časté dotazy