Výběr barev a převodník

Vyberte barvy a převádějte mezi formáty HEX, RGB, HSL. Generujte nádherné palety pro svůj další designový projekt.

#2563EB
HEX
rgb(37, 99, 235)
RGB
hsl(221, 83%, 53%)
221, 84%, 92%
HSV

Vygenerovaná paleta

Barevná schémata

Vysvětlení HEX, RGB, HSL a HSV

Barvy ve webovém designu a grafickém designu se reprezentují v několika formátech. Pochopení každého z nich vám pomůže efektivně pracovat napříč designovými nástroji, CSS a programováním.

Přehled barevných formátů

FormátPříkladPoužívá se v
HEX#2563EBCSS, HTML, designové nástroje
RGBrgb(37, 99, 235)CSS, JavaScript, úprava obrázků
HSLhsl(221, 83%, 53%)CSS, UI design
HSV221°, 84%, 92%Photoshop, výběr barev

Pochopení barevné teorie

Časté dotazy

Jaký je rozdíl mezi HSL a HSV?
Oba používají odstín/sytost. Třetí kanál se liší: HSL používá světlost (0=černá, 100=bílá), HSV používá hodnotu (0=černá, 100=plná barva). HSV odpovídá tomu, jak funguje Photoshop; HSL je přívětivější k CSS.
Kolik barev obsahuje HEX?
HEX podporuje 16 777 216 barev (256 × 256 × 256). Každý pár znaků představuje hodnoty červené, zelené a modré od 00 do FF.
Mohu kopírovat hodnoty barev?
Klikněte na libovolný barevný vzorník pro jeho načtení do výběru, poté zkopírujte hodnotu HEX, RGB, HSL nebo HSV ze zobrazení.
Jaké barvy jsou nejlepší pro webové stránky?
Klíčový je vysoký kontrast mezi textem a pozadím. Běžné pravidlo: minimální poměr kontrastu 4,5:1 pro text těla (standard WCAG AA).

Související nástroje

🎨 CSS Gradient
Generování přechodů
🎨 Barevná paleta
Generování palet
📦 Box Shadow
CSS stíny