Preskočiť na hlavný obsah
LibraTool logoLibraTool

Výber farieb a generátor paliet zadarmo

Vyberte farby, konvertujte medzi HEX/RGB/HSL a generujte harmonické palety.

Po načítaní funguje offline
HEX
HSV
h217°
s76%
v96%
iba zobrazenie

RGB

r
g
b

HSL

H
S
L

Ďalšie 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)

WCAG kontrast

Najbližšia pomenovaná farba: dodgerblue · Čierny text sa tu číta lepšie (5,71:1)

Text na bielom3,68:1AA veľké
Text na čiernom5,71:1AA
Text na #ffffff3,68:1AA veľké

Odtiene a svetlejšie tóny (50–950)

Farebná paleta

Doplňujúci

#3b82f6
#f6af3c

Triadický

#3b82f6
#f63c83
#83f63c

Analógny

#3ce0f6
#3b82f6
#523cf6

Monochromatický

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

Bežné použitia

  • Výber farieb pre webový dizajnVyberte a generujte farby pre vašu webovú stránku — získajte HEX, RGB a HSL hodnoty plus harmonické palety.
  • Výber farieb pre brandingVytvorte paletu farieb vašej značky — vyberte primárnu, sekundárnu a doplnkovú farbu, ktoré spolu fungujú.
  • Výber farieb pre sociálne médiáVytvorte pútavé farebné palety pre príspevky v sociálnych médiách, príbehy a dizajn profilu.
  • Výber farieb pre tlač dizajnVyberte farby pre tlačené materiály — letáky, vizitky, brožúry — s presným farebným náhľadom.
  • Výber farieb pre prezentácieNavrhnite farebné schémy snímok — vyberte čitateľné farby textu, palety grafov a konzistentné doplnkové tóny.

Ako to funguje

Všetko beží priamo vo vašom prehliadači pomocou ručne napísanej prevodovej matematiky — žiadna farebná knižnica, žiadny okruh na server. Farbu vyberiete pomocou natívneho vstupu farby prehliadača alebo API EyeDropper a nástroj ju okamžite prevedie do šiestich formátov, pričom zároveň počíta kontrastné pomery WCAG a generuje harmonické palety.

  1. 1
    Vstup farby cez natívne API
    Farbu vyberáte prostredníctvom vstavaného widgetu <input type="color"> prehliadača, alebo — v prehliadačoch založených na Chromiu — vám API EyeDropper umožní odobrať vzorku ľubovoľného pixelu na obrazovke. Obe cesty vracajú hex reťazec, ktorý sa stáva jediným zdrojom pravdy.
  2. 2
    Ručne napísané prevody formátov
    Nástroj prevádza hex hodnotu na RGB, HSL, HSV, CMYK a OKLCH pomocou vlastných matematických funkcií (bez externej knižnice). Prevod OKLCH linearizuje kanály sRGB, aplikuje maticu kubického koreňa OKLab a potom odvodí chrómu a uhol odtieňa — čo zodpovedá modernému výstupu CSS Color Level 4.
  3. 3
    Výpočet kontrastného pomeru WCAG
    Relatívny jas sa počíta z linearizovaných kanálov RGB pomocou vzorca WCAG 2.x. Nástroj potom vypočíta kontrastné pomery voči čistej bielej a čiernej a označí ich ako AA-veľký, AA, AAA alebo Neúspešný podľa prahov WCAG (3:1, 4,5:1, 7:1).
  4. 4
    Generovanie harmonickej palety a lokálne uloženie
    Komplementárne, triadické, analogické a monochromatické vzorky sa odvodzujú matematickým otáčaním alebo posúvaním hodnôt odtieňa a svetlosti HSL. Uložené palety sa zapisujú do localStorage vo vašom prehliadači — nič neopúšťa vaše zariadenie.

Súvisiace nástroje

🎨

Generátor náhodných farieb

Generujte náhodné farby po jednej alebo ako paletu piatich, zamknite tie, ktoré sa vám páčia, kopírujte hodnoty HEX, RGB alebo HSL a exportujte paletu ako PNG alebo CSS.

Vyskúšajte
🎨

Konvertor farieb

Konvertujte farby medzi formátmi HEX, RGB, HSL, HSV a CMYK okamžite. Zahŕňa škálu svetlosti a predvolené vzorky.

Vyskúšajte
🎨

Extraktor farebnej palety z obrázkov

Extrahujte dominantné farby z ľubovoľného obrázka pomocou kvantizovania farieb k-means. Získajte hex kódy pre 2–16 najvýraznejších farieb vašej fotografie alebo loga.

VyskúšajteSúbory zostávajú lokálne

Často kladené otázky