Přepínač RGB/HEX
Konverze barevných formátů RGB a HEX
RGB/HEX Converter
Convert between RGB and HEX colors
RGB to HSL Converter je základní nástroj pro převod barev pro návrháře a vývojáře. Okamžitě převádějte hodnoty barev RGB do formátu HSL, což umožňuje lepší kontrolu barev, snazší manipulaci s barvami a intuitivnější úpravy barev v CSS a designových projektech.
RGB HEX převodník
Vstupní barva
Zadejte hexadecimální kód, hodnoty RGB nebo vložte odkaz na barvu
Zobrazit výsledky
Podívejte se na okamžitý převod do formátu HSL s vizuálním náhledem
Pochopte komponenty
Přečtěte si, co znamená odstín (H), sytost (S) a světlost (L)
Dolaďte
Pomocí posuvníků upravte hodnoty HSL a zobrazte změny v reálném čase
Kopírovat hodnoty
Kliknutím na tlačítka kopírování získáte převedený barevný kód
Použití v CSS
Použijte hodnoty HSL ve svých šablonách stylů pro snazší manipulaci s barvami
Frequently Asked Questions
Jaký je rozdíl mezi RGB a HEX?
RGB používá desítkové hodnoty 0-255, HEX používá hexadecimální 00-FF
Co je RGBA?
RGB s alfa kanálem pro průhlednost
Mohu to použít pro tisk?
HEX/RGB je pro barvy obrazovky, pro tisk použijte CMYK
Jak přesný je barevný náhled?
Velmi přesné – využívá vykreslování barev prohlížeče
Proč používat HSL místo RGB?
HSL je pro lidské vnímání intuitivnější. Úprava sytosti nebo světlosti v HSL je jednodušší než přepočítávání hodnot RGB, takže manipulace s barvami a variace jsou jednodušší.
Co znamená saturace v HSL?
Sytost (0-100%) řídí intenzitu barev. 0 % je ve stupních šedi, 100 % je čistá barva. Určuje, jak živá nebo tlumená barva bude vypadat.
Co znamená lehkost v HSL?
Světlost (0-100 %) ovládá jas. 0 % je černá, 50 % je čistá barva, 100 % je bílá. Určuje, jak tmavá nebo světlá barva vypadá.
Mohu použít barvy HSL ve všech prohlížečích?
Ano, syntaxe barev HSL je podporována ve všech moderních prohlížečích. Hsl() můžete použít přímo v CSS bez jakýchkoli prefixů dodavatele.
Jak vytvořím barevné variace?
Udržujte konstantní odstín a upravte sytost a světlost. Snížení sytosti vytváří tlumené tóny, zatímco snížení světlosti vytváří tmavší odstíny.
Je rozdíl mezi HSL a HSLA?
HSLA obsahuje alfa kanál pro transparentnost. HSLA (odstín, sytost %, světlost %, alfa) vám umožňuje ovládat neprůhlednost od 0 (průhledné) do 1 (neprůhledné).
Tool Information
Related Tools You Might Like
Barevný paletový generátor z obrazu
Extrakt dominantních barev z obrazu
CSS gradient generátor
Vytvořte přizpůsobené CSS gradienty s předpovědí
Kontrastní kontrolka WCAG
Zkontrolujte kontrast barvy podle standardů WCAG
Digitální podpis generátor
Vytvořte stylizované digitální podpisy s různými fonty
Box stín generátor
Vytvořte CSS box odstíny
Textový stín generátor
Vytvoření textových stínů CSS
Objemový kalkulátor Surfboard
Vypočítejte dokonalý surfboardový objem na základě vaší hmotnosti, úrovně zkušeností a vlnových podmínek.
převodovka Wave Height Converter
Konvertovat mezi různými měřeními vlnové výšky (výška obličeje, Hawaijské měřítko, oteklina oceánu).
Plánování Scuba Dive
Plánujte své skuba potápění s hloubkovými hranicemi, dnem a bezpečnostními požadavky na dekompresi.